• Resolved Rodtsd

    (@rodtsd)


    I am trying to change the font color on the thumbnail titles on my website, https://www.wp.okinawa-te.info. The font is too dark for the background and is hard to read. I have inspected the fonts with Firebug and can change them in Firebug, but I cannot make the change permanent.

    I am a newbie to WordPress, in case you couldn’t guess. Thanks for the help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Before making any changes, you will need to create a child theme or install a custom CSS plugin such as jetpack. That way, your changes won’t be lost when you update your theme.

    Once you have that set up, add this code to the new CSS section:

    #avs_gallery .avs_thumb .title {
        color: #444444;
    }

    And change the color.

    Thread Starter Rodtsd

    (@rodtsd)

    What new CSS section. I found all that you mention thru Firebug, but I cannot find a place in any of the files where that bit of code exists. If I need to add it, I need to know which file to put it in.
    Thank you for the help. I know you know what you are talking about, but there are still holes in my understanding.

    You’ll need to install jetpack – which creates custom CSS for you – after it’s installed and active, go to Appearances >> Edit CSS – then paste the code above into that space.

    Thread Starter Rodtsd

    (@rodtsd)

    Okay, I think I see, but I am not getting any results. Here is what I got in the CSS Edit

    /*
    Welcome to Custom CSS!

    CSS (Cascading Style Sheets) is a kind of code that tells the browser how
    to render a web page. You may delete these comments and get started with
    your customizations.

    By default, your stylesheet will be loaded after the theme stylesheets,
    which means that your rules can take precedence and override the theme CSS
    rules. Just write here what you want to change, you don’t need to copy all
    your theme’s stylesheet content.
    */
    #avs_gallery .avs_thumb .title {
    color: #999999;
    }

    I changed to #444444 to #999999 in Firebug and got a brighter grey, but the change did not take place when I created this CSS. What am I missing?

    Looks like that CSS is getting overridden by CSS in the header of that page — which actually suggests that it might be a setting in your gallery??

    But at any rate, try this:

    #avs_gallery .avs_thumb .title {
    color: #999999 !important;
    }

    Thread Starter Rodtsd

    (@rodtsd)

    You did it. Fantastic. Thank you. ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing title text color’ is closed to new replies.