Changing three words to lowercase in an uppercase line

css: text-transform:lowercase;

https://www.w3schools.com/Css/pr_text_text-transform.asp

if you need to do a lot of styling on these words, it might be of advantage to give a class to the span and style the span in style.css instead of inline:

<span class="blogname">car_brand_image</span>

and for instance in style.css :
span.blogname { font-family: verdana, sans-serif; font-size:120%; text-transform: lowercase; }

alchymyth, I used the span class as you wrote it in the html page

Welcome to <span class=”blogname”>car_brand_image</span>

and then I added the span.blogname to the style.css as a last entry in the /* =Typography.

span.blogname {
font-family: verdana, sans-serif;
font-weight: bold;
font-size: 120%;
text-transform: lowercase;
}

It looks like the size changed but the three words are still in capitals. Also the words car, brand and image within the rest of the text changed the size to 120%. Any idea what to do next?
Thanks

The words are already in lower case (car_brand_image).
Anyway, try it inline as it was before but in this way for lowercase:

<span style=”font-family: verdana; text-transform:lowercase; font-size:120%”>car_brand_image</span>

and this way for uppercase:

<span style=”font-family: verdana; text-transform:lowercase; font-size:120%”>car_brand_image</span>

Hfort, that was my first guess, to use text-transform as you show it above. It just doesn’t work. I got the Verdana, the size change and it’s bold now, but it won’t change to lower case. I’m referring to car_brand_image on the ABOUT page, first line under the title. It looks like the font-variant: small-caps; for the first line of text overpowers the text-transform for the car_brand_image in that line. I still don’t understand why.

okay, now I see. What you need is the font-variant.
Try this.

<span style=”font-family: verdana; font-size: 120%; font-variant: normal;”>car_brand_image</span>

Yes, that did it. I appreciate your help.