We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Change color of heading

Featured Lock Resolved Issue
Hi!

Need to follow a grapich manual where the headlines needs to be in a certain color. I know how to change font, size etc - but not the color.

How can I for example change the H3 to another color? Is that done in a custom.css?

Kind regards
Ola

23 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Found your color code is wrong "#9a6534c" (!))

Hex color is 6 digits, not 7 !
white = #ffffff
brown = #9a6534;


be more careful.


foto_3085_2019.png

Attachments (1)

  • foto_3085_2019.png
    foto_3085_2019.png 215.1 KB

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
HI,
Please follow this
http://prntscr.com/pu89cu
http://prntscr.com/pu8ab0
And also see this screen cast it may help you
https://files.fm/u/6m9zdytm
-Regards
Mehtaz

Ola

More than a month ago #Permalink
Thank you Mehtaz!

The photo is cut at the top. What is the path? Where in the settings is this?

Kind regards
Ola

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
Thank you Mehtaz!

The photo is cut at the top. What is the path? Where in the settings is this?

Kind regards
Ola


Ok see this screenchot http://prntscr.com/pu9z5p
When you hover title then you will find the option.I also provide a screen cast in my last answer.See also this.Its helpful to you I guess
-Thanks :)

Ola

More than a month ago #Permalink
Sorry. I dont understand and is new to this.

I open the page. But I can not hover. Am I on the right section??

Kind regards
Ola

Attachments (1)

  • helix_hover.JPG
    helix_hover.JPG 267.2 KB

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
Hi,
No problem.
First got to administrator,Then go to your SP PAGE BUILDER Page which title you want to change.Open its fron-end then you can hover your title click it and then you can change font colors and so on.
Please see this video.It will help you to understand easily :)
https://files.fm/u/ajgq4mbe
-Regards
Mehtaz

Ola

More than a month ago #Permalink
Thank you Mehtaz. But I don't have PageBuilder on this site...

Can I add something in custom.css to change color on heading3?

I think it would be logic to have it in the Typography (see attachment)

Kind regards
Ola

Attachments (1)

  • h3 helix.JPG
    h3 helix.JPG 76.2 KB

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
Oh sorry you don't have page builder,then you can use custom css and yes of course Typography..

Ola

More than a month ago #Permalink
Can you please help me with that code snippet....?

Ola

More than a month ago #Permalink
I found out. Thanks for all help!:)

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
I found out. Thanks for all help!:)

Sorry for late reply.By the way nice to hear that :)

Ola

More than a month ago #Permalink
Hi!

I have added this in my custom.css and cleaned cache.

h3, h4 {
color: #9a6534c;
}


Still the color of h3 and h4 is black and not #9a6534c. Is it something wrong with my code?

Kind regards
Ola

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
Hi, try this


h3, h4 {
color: #9a6534c !important;


}

Ola

More than a month ago #Permalink
Hi Mehtaz!

I am very thankful for your help. I tried that. But not working. Is the code right? Added it to custom.css.

Ola

Attachments (1)

  • helix_css.JPG
    helix_css.JPG 133.8 KB

Ola

More than a month ago #Permalink
And the HTML looks like this

Attachments (1)

  • helix_css2.JPG
    helix_css2.JPG 60.5 KB

Ola

More than a month ago #Permalink
Hello,

Now I have bought PageBuilder. Unfortunately it is not working yet and I have asked about it in the forum.

The code above you suggested didn't work. Any other ideas? Want to login and check my settings?

Ola

Paul Frankowski - Staff

More than a month ago #Permalink
those headers are added how, by SPPB ? Inside article ???

show us URL where you have it

Paul Frankowski - Staff

More than a month ago #Permalink

.sppb-addon-content h3 {
color: red;
}


.sppb-addon-content h2 {
color: green;
}

Ola

More than a month ago #Permalink
Thanks. I am sorry. I add this to custom.css and nothing happens with the color of H3...

Ola

Paul Frankowski - Staff

More than a month ago #Permalink
weird,,, code is OK, custom.css is loaded but style not used

Ola

More than a month ago #Permalink
Hi! There are no words for how embarrased I feel...

Thanks a lot Pau!! Will not disturb for a while :D


There are no replies made for this post yet.
Be one of the first to reply to this post!

123

Templates

327198

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us