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. 🙂
