Gallery caption color

mycreativeresolution2014 · Member · Sep 16, 2014 at 2:55 pm
Copy link

Add topic to favorites
In the yoko theme, how can I change the caption color? I’ve tried a few things in the css editor, but nothing seems to work

The blog I need help with is: (visible only to logged in users)
lizthefair · Member · Sep 16, 2014 at 5:33 pm
Copy link
Try this:
```
#content .gallery-caption{
     color: <your color>;
}
```
Just replace “<your color>” with a color word (like blue) or the hex code of the color you want.

Let me know if you have any trouble!
mycreativeresolution2014 · Member · Sep 16, 2014 at 5:43 pm
Copy link
I put this in the CSS revisions (CSS Stylesheet Editor):

#content .gallery-caption {
color: 851e0e;
}

It didn’t change anything. Am I in the wrong spot? Or do I need other coding around it?
lizthefair · Member · Sep 16, 2014 at 5:51 pm
Copy link
try adding a “#” to the front of the color number. That should take care of it. :)

The full block of code would look like this:
```
#content .gallery-caption{
     color: #851e0e;
}
```
mycreativeresolution2014 · Member · Sep 16, 2014 at 8:40 pm
Copy link
Didn’t work – but I noticed if my gallery was thumbnails it does change it. I should have been clearer from the start, my gallery is a slideshow. Sorry about that – I appreciate your help!! :)
lizthefair · Member · Sep 16, 2014 at 8:43 pm
Copy link
Could you send me a link to the gallery in question? That will help a lot!
lizthefair · Member · Sep 16, 2014 at 8:48 pm
Copy link
Actually, I don’t think I need it. Try this:
```
.slideshow-slide-caption{
    color: #851e0e !important;
}
```
mycreativeresolution2014 · Member · Sep 16, 2014 at 9:07 pm
Copy link
Yippee! thank you, thank you, thank you
lizthefair · Member · Sep 16, 2014 at 9:16 pm
Copy link
My pleasure. Thanks for sticking with me through the process.
mycreativeresolution2014 · Member · Sep 16, 2014 at 10:17 pm
Copy link
No problem, thank you! By the way, how do you figure out what part of the css needs to change. I tried viewing the source code on the page, but couldn’t even find where it was. Maybe it’s not the page code but the style sheet. How can I view the style sheet for the Yoko theme?
lizthefair · Member · Sep 16, 2014 at 11:06 pm
Copy link
Happy to help! The place you need to go is “inspect element” rather than view source code.

Here’s a useful article on how that works: http://dailypost.wordpress.com/2013/07/25/css-selectors/

Good luck! Let me know if you have any more questions.

No items found.