Image Block: How do I add Custom CSS to change image-caption text attributes?

I am using the Five template for my website, primarily because I wanted 3 columns in my blog. However, the text attributes for image captions are hard coded (weirdly enough) to be all uppercase and the text color is a dark gray.

Problem is the background on my canvas is dark gray, so the image caption doesn't read very well, AND I don't like all uppercase.

Now, I know how to go in and add custom css code, but I don't know what code I need to put in in order to change the image caption text color and have it be capitalized (rather than all uppercase).

Thanks for any help!

OK, So I dug around for a bit and figured out how to get into the css and play with the text attributes. I added the following code to Custom CSS.

.sqs-block-image .image-caption p {  font-size: 16px;   font-family: "futura-pt";  text-transform: none;  letter-spacing: 1.3pt;  font-weight: 400;  font-style: normal;  color: #ebebeb;  line-height: 0.00em;}

This code fixed part of the problem in that it changed the color of the image caption, but the font size remains too small and changing the font-size in the code has NO effect, even though color and text-transform attributes respond.

It seems that the image caption's text size is being inherited from some other part of the code.

Can anyone tell me what I'm doing wrong?

Ok! I FIXED IT! yay!!!!

Here's how I did it. Apparently I had to override the font-size attribute by adding "!important"

Here's the code:

.sqs-block-image .image-caption p {
 font-size: .75em !important;
 font-family: Muli, Helvetica, Arial, sans-serif;
 text-transform: none;
 letter-spacing: .5pt;
 font-weight: 100;
 font-style: normal;
 color: #ebebeb;
 margin-top: 1em;
}

I need some help - my page here: https://greencellfoam.squarespace.com/gallery-1/ has a gallery I'm trying to do the same thing on. I added this code to the Custom CSS on the styling page and nothing happens. Any thoughts? Thanks so much!

yup, the CSS attribute !important will override styles that are 'cascading' from other sources.

Thank you for posting such a great article! I found your website perfect for my needs. router login

Thanks, really interesting post. If you are unable to setup HP envy printer? Get instant assistance to setup your printer at HP Envy 5546 Wireless Printer setup

123.hp.com/envy4520

There are some interesting points in time in this article but I don’t know if I see all of them center to heart. There is some validity but I will take hold opinion until I look into it further. Good article, thanks and we want more! Added to Feed Burner as well! Free Emulators at best ds emulator for pc