Support Online : 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

1 day 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
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

5 days 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
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

5 days 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
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

5 days 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
Oh sorry you don't have page builder,then you can use custom css and yes of course Typography..

Ola

5 days ago #Permalink
Can you please help me with that code snippet....?

Ola

5 days ago #Permalink
I found out. Thanks for all help!:)
I found out. Thanks for all help!:)

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

Ola

3 days 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
Hi, try this


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


}

Ola

3 days 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

3 days ago #Permalink
And the HTML looks like this

Attachments (1)

  • helix_css2.JPG
    helix_css2.JPG 60.5 KB

Ola

2 days 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

2 days ago #Permalink
those headers are added how, by SPPB ? Inside article ???

show us URL where you have it

Paul Frankowski - Staff

1 day ago #Permalink

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


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

Ola

1 day ago #Permalink
Thanks. I am sorry. I add this to custom.css and nothing happens with the color of H3...

Ola

Paul Frankowski - Staff

1 day ago #Permalink
weird,,, code is OK, custom.css is loaded but style not used

Ola

1 day 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!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 123
Toufiq

Toufiq

Total Accepted Answers: 68
Sifat

Sifat

Total Accepted Answers: 61
Mehtaz Afsana

Mehtaz Afsana

Total Accepted Answers: 13
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 10

118

Templates

302569

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