WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Changing title text color (7 posts)

  1. Rodtsd
    Member
    Posted 1 year ago #

    I am trying to change the font color on the thumbnail titles on my website, http://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.

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  3. Rodtsd
    Member
    Posted 1 year ago #

    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.

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  5. Rodtsd
    Member
    Posted 1 year ago #

    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?

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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;
    }
  7. Rodtsd
    Member
    Posted 1 year ago #

    You did it. Fantastic. Thank you. :)

Topic Closed

This topic has been closed to new replies.

About this Topic