Quote mark on quotes page

  • Author
    Posts
  • #84504

    darrennatale
    Member
    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 :-)
    Meg

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

    #84759

    vladolaru
    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,
    Vlad
    PixelGrade

    #84768

    darrennatale
    Member
    Original poster

    Hi Vlad,

    That’s perfect. Thank you!

    Meg

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