Quote mark on quotes page

  • Author
  • #84504

    Original poster

    Hi guys,

    We’re playing around with the Hive theme trying to work in our branding, I’ve found heaps of useful CSS in this forum – thanks. I am keen to know, however, if there is some code to either remove or change the colour from yellow of the quote marks in the quote page type? This one: -“-

    While I’ve got you – is it possible to change the hover colour of widget links from yellow to something else? i.e social media icons and tags?

    Thanks :-)

    The blog I need help with is: youraestheticblog.wordpress.com


    Theme Author

    Hi Meg,

    First of all sorry for this late reply. Now to help you with some CSS.

    Use this custom CSS to change the color of the quote header mark:

    .content-quote blockquote:before { color: #ffeb00; }
    .content-quote blockquote:after {background: #ffeb00;
        -webkit-box-shadow: #ffeb00 5.5em 0 0;
        box-shadow: #ffeb00 5.5em 0 0;

    Just change #ffeb00 with your own hex color code.

    Regarding changing the widgets hover color, you can use this general CSS:

    .widget a:hover { color: #ffeb00; }

    If you need anything more specific do let me know.

    Best regards,


    Original poster

    Hi Vlad,

    That’s perfect. Thank you!


The topic ‘Quote mark on quotes page’ is closed to new replies.