[sirheavyhitterParticipant]

So, I have my headings set to what I would like, but is it possible to change font attributes to specific words inside H1 (or any headings)?

Like say I have my H1 color set for white but I want a couple of words to be bold and the color of #DE1B1B.

I’m assuming that it would be a CSS addition that I would enter into the customizer, but then where would the inline code be placed (i’ve been using cornerstone).

Thank you in advance,

Perry

[Prasant RaiModerator]

Hello Perry,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[sirheavyhitterParticipant]

so Im currently moving away from using optimize press and trying to recreate my pages with x-theme. as I find it to be a much more versatile tool (not to mention im learning so much from having to utilize actual code elements)

so my website is located at http://www.sigmahealthgroup.com

but the new x theme page is http://www.sigmahealthgroup.com/x.home

I was attempting to make the words Sigma, Sum and Solution in the 3rd section Bold and DE1B1B”

i was attempting to do this by entering in <span style=”font-weight:bold; color:#DE1B1B”> but it didn’t work

Thanx again.

Perry

[FriechModerator]

Hi Perry,

Please re-write your headline HTML to this:

We are <span>Sigma</span>, The <span>Sum</span>, The <span>Solution</span>

Then add a class hi-lights to your custom-headline element.

After that you can add this under Custom > CSS in the Customizer.

.hi-lights span {
    color: #de1b1b;
    font-weight: 900;
}

Hope it helps, Cheers!

[sirheavyhitterParticipant]

Hey there and thank you for the feed back.

Unfortunately, it appears that the individual spans aren’t working. The result ended up being that the entire headline was changed to the red color

Any other thoughts, on how i might achieve the multi-color (Red and White) look that I was looking for?

Thanks again in advance,

Sincerely,

Perry

[JadeModerator]

Hi Perry,

Apologies as we missed something in the CSS, please update it to:

.hi-lights span span {
    color: #de1b1b;
    font-weight: 900;
}

Hope this helps.

[sirheavyhitterParticipant]

Awesome! Thank you so much for the correction.

and If I can ask one more question, I would be so grateful.

So here in this newly provided CSS code,

.hi-lights span span

.hi-lights = the class in which to be referenced for further styling information, correct?

but what do the first and second “span” signify?

just trying to grow my personal understand so I can attempt to ask less questions in the future.

thank you again for your time to teach!

Perry

[RupokMember]

Hi Perry,

Thanks for updating. .hi-lights span span means there is a span inside a span that inside the .hi-lights. So the preceding elements are simply the parent elements.

You can search on internet for HTML/CSS tutorial. You can also explore our Knowledge Base and watch the WordPress tutorials to gain some knowledge.

Hope this makes sense.

Cheers!

[Author]

Posts