Changing font colours in the widget headings using CSS – repost

  • Unknown's avatar
    davecmitchell2015 · Member ·

    Hi folks,

    I need some advice regarding my blogsite. I have recently added a blogsite alongside my webpage. I am using the Revelar theme and have upgraded to a Premium account.

    I have managed to get the site as I want it except for one thing. I am using a background image that is a greyish colour and it means that its difficult to see the headings to the widget links at the bottom of the page. they are a similar colour. I need to change the font colour to white.

    According to the help sites, this needs to be done with a CSS code. That is entirely new to me. I am wondering how I can go about adding this code to change the colour.
    Is it as easy as copying and pasting a new code in ?? Is there a standard code for each colour and if so, does anyone know what it is ??

    I am not especially computer literate so an easy fix would be much appreciated.
    Many thanks in advance for you help.

    Regards,
    Dave.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi Dave, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS. You can adjust the color code as desired. I’ve used white in the following as it seems the best choice given the nature of your image. 

    .widget-title, .widget-title .rsswidget, .widget, .widget a, .widget a:visited {
    color: #fff !important;
}
  • Unknown's avatar
    davecmitchell2015 · Member ·

    Many thanks Sacredpath. That worked a treat.
    Appreciate your help.

    Dave.

  • The topic ‘Changing font colours in the widget headings using CSS – repost’ is closed to new replies.