Specifying header text versus body text

LensTripping

Hi All,

Is there a way to specify the header text as one color and the body text as another? I have a white background to my header and a dark background for the body of the pages with the images. The problem is that all the text on the darker background is using the dark text from the header.

I'm guessing I would need to insert an HTML block on the body, but I don't know.

Hikin' Mike

Are you talking about the text in the header section or header text, like <h1>, <h2> etc? Without seeing you new site I can only guess.

To answer your question about where you put the CSS. You need to put the CSS in your theme's custom CSS section. I have a link in my signature for that.

LensTripping

@Hikin' Mike I'm talking general text in the body of the site. For example in the header section I'm working on (customizing the Osiris design) I have the header background white the link text is dark gray (almost black) with it set to accent color when hovered over. However, because the site theme text color is set to that almost dark gray color the body background (almost a pure black color) loses the text because the theme text color. I am wondering if there is a way to override that theme text color in the body somehow. I don't even know if this is making sense. Here's a screenshot (hopefully) to try and explain what I mean...

Hikin' Mike

Yes, you can override anything with CSS. You should be able to change the theme's color by going to "Entire Site > Theme > Active Theme" and clicking on the wrench.

Hikin' Mike

Screenshots won't work because I need to see it live.

LensTripping

@Hikin' Mike I don't know anything about CSS (and barely remember much with regard to HTML). What would I need to enter in a CSS field in the active theme that would allow me to change the text color in the body of the website to lighten it?

Hikin' Mike

@LensTripping said:
What would I need to enter in a CSS field in the active theme that would allow me to change the text color in the body of the website to lighten it?

No need for CSS. Change the Text Color:

LensTripping

@Hikin' Mike But, like I said above if I change the theme text color so that the body color is lighter then the text color at the top in the header will disappear into the white background.!
Before changing the theme text to be lighter for the body

After changing the theme text to be lighter for the body

I need to be able to differentiate the text color for the header section and the text color for the body/rest of the website.

Hikin' Mike

Add this to your Theme's Custom CSS Section and change the color to suit:

/* Changes Text Color */
html.sm-user-ui,
.sm-user-ui,
.sm-user-ui h1,
.sm-user-ui h2,
.sm-user-ui h3,
.sm-user-ui h4,
.sm-user-ui h5,
.sm-user-ui h6 {color: #fff;}

LensTripping

Thanks @Hikin' Mike. Will that specify the color only for the header section? It looks that way for the majority of the code, but I'm not sure about the top 2 lines so I wanted to ask.

Hikin' Mike

No. This will change the body. If you want it for the header, I need to see it live.

LensTripping

Thank you @Hikin' Mike ! Seems like it's working a charm! Much appreciated for your help!