H1 t/m H6 headings

[RPronk]

Hello, can you please help me with something basic. I need to get a CSS code for the following
H1 font size and color
H2 font size and color
H3 font size and color
H4 font size and color
H5 font size and color
H6 font size and color

The colors will be alternating H1 will be orange and H2 will be black etc

Thanks for you help!!!

this is the site concerning https://jitty.nl/test_site_jhm/ it is a staging site

Thanks

[paul.r]

Hi,

You can add this in Theme Options > CSS

h1, .h1 {
    font-size: 50px;
    color:orange;
}

h2, .h2 {
    font-size: 45px;
    color:black;
}

h3, .h3 {
    font-size: 40px;
    color:blue;
}

h4, .h4 {
    font-size: 35px;
    color:red;
}

h5, .h5 {
    font-size: 30px;
    color:yellow;
}

h6, .h6 {
    font-size: 25px;
    color:red;
}

Change the colors and font size as you like.

Thanks

[RPronk]

Hello, it works but not on V2 elements. At least not on V2 headlines. Is that supposed to be so? I see the classic headline element works well with this CSS styling

example: https://jitty.nl/test_site_jhm/test-ronald-headings/

Thanks for your clarification on that

[thai]

Hi There,

Please update the previous CSS to this:

h1, .h1 {
    font-size: 50px !important;
    color:orange !important;
}

h2, .h2 {
    font-size: 45px !important;
    color:black !important;
}

h3, .h3 {
    font-size: 40px !important;
    color:blue !important;
}

h4, .h4 {
    font-size: 35px !important;
    color:red !important;
}

h5, .h5 {
    font-size: 30px  !important;
    color:yellow  !important;
}

h6, .h6 {
    font-size: 25px  !important;
    color:red !important;
}

Let us know how it goes!

[RPronk]

Works!
Thanks and have a good day

[RPronk]

Sorry I still struggle, there will be some headings I need to give it an unite style and color. Can I give these headings a code so they will not be influenced by the CSS? Or do I need to revert to the previous version of CSS and use Classic Headline when I want I to be influenced by CSS and use V2 element when I want to influence the heading?

Thanks

[christian]

Hey @RPronk,

Yes, please revert to the previous CSS and only use Classic Headline when you want to use CSS. The V2 elements can be styled individually and using !important in the CSS will override the element styles… Using CSS for V2 elements would also render the Template Manager unusable. Using the Template Manager, you can create a style and use it repeatedly.

Thanks.

[RPronk]

Got it!

I thought one should prevent as much classic V1 items…But if they work in this way no problem for me using it like that
Thanks

[rad]

You’re most welcome! It’s there for backward compatibility, it’s not that we should prevent it from using it