[James RParticipant]

I’ve added a css class to a row “dark” to indicate that this row has a dark background image. Now I want to change the type colors within this row to be light (white or close).

.dark p { color: white; }

works for paragraph text, but the custom headers and featured headers and such have an inline style added to the span i.e. style=”color: #404040″ – how can I globally override this and where is the color #404040 coming from?

[James RParticipant]

One more thing. This only appears to effect the first h1 tag in the row. The second h1 tag (also a custom headline) does not have any inline styles on the span and my global css does fix the color. Here’s the page: http://gh.vandertech.com/home/

[James RParticipant]

OK now I’m really stumped … random elements (i.e. a text block further down the page) are getting this extra style on the span style=”color: #404040″ … I’m not sure how it’s getting there or how to override it.

[Iris CMember]

Hi James,

Thank you for writing in.

You can use the following css selector to apply the white color to your h2:
.h-custom-headline span

You may have had some trouble with the css selectors because your code uses an h2 html element but uses an h3 class. This can easily cause confusion when assigning the styles. The span must not also be left out since the text is inside a span in the heading.

I would like to take a look at your code to see how we can fix the inline style. Can you send us the login credentials to your website? Don’t forget to select the check-box at the bottom Set as private reply.

Thanks. Have a nice day!

[James RParticipant]

This reply has been marked as private.

[MrinalMember]

Hi James,

Let me show you why you’re getting this, check the screenshot below:

Switch to Text Editor mode of any element & check inline CSS. If needed change the colors please.

Hope this helps, Cheers!

[Author]

Posts