Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 11, 2022 at 8:55 pm #1375877
    Nic_007

    I would like to define a headline with a different font, probably H2 in the CAVEAT type (the curved font as in the Health demo).

    Colors #24727c and #719430.
    Could you give me the css code for it?

    Thank you in advance.

    Best regards

    December 11, 2022 at 9:33 pm #1375884
    Mike

    Hey Nic_007,
    Do you want all H2 to be this font?
    You can set this in Enfold Theme Options ▸ Advanced Styling choose the H2 element from the dropdown and choose the font.
    2022-12-11_008.jpeg

    Best regards,
    Mike

    December 11, 2022 at 9:58 pm #1375887
    Nic_007

    Thanks!
    I don’t know yet. Better would be if I had the choice between 2 different fonts.

    December 11, 2022 at 10:29 pm #1375891
    Mike

    Hi,
    You could add a custom class to your H2 element such as caveat-font and use this css:

    #top #wrap_all .all_colors .caveat-font h2 {
	 font-family: 'Caveat', cursive;
}

    Or you could add the font to the custom color class that you are using, but that was for a H1:

    .av-special-heading.turquoise-background h1.av-special-heading-tag {
background-color: #24727c;
font-family: 'Caveat', cursive;
}

    If it is for a special heading that is an H2 then try this:

    .av-special-heading.turquoise-background h2.av-special-heading-tag {
background-color: #24727c;
font-family: 'Caveat', cursive;
}

    Best regards,
    Mike

    December 11, 2022 at 11:02 pm #1375893
    Nic_007

    Thanks a lot!

    Does it mean that I write both codes in the quick css

    .av-special-heading.turquoise-background h2.av-special-heading-tag {
    background-color: #24727c;
    font-family: ‘Caveat’, cursive;
    }

    .av-special-heading.lime-background h2.av-special-heading-tag {
    background-color: #719430;
    font-family: ‘Caveat’, cursive;

    and when I want to have green and caveat I need to add lime-background in the special heading h2 and
    when I want to have turkis and caveat I need to write turquoise-background in the special heading h2?

    December 11, 2022 at 11:03 pm #1375894
    Nic_007

    PS: I forgot }

    December 11, 2022 at 11:23 pm #1375896
    Nic_007

    Sorry, now I got it:

    <!– Türkis und Hintergrundfarbe Caveat für Headline 2 –>

    .av-special-heading.turquoise-background h2.av-special-heading-tag {
    background-color: #24727c;
    font-family: ‘Caveat’, cursive;
    }

    <!– Grün und Hintergrundfarbe Caveat für Headline 2 –>

    .av-special-heading.lime-background h2.av-special-heading-tag {
    background-color: #719430;
    font-family: ‘Caveat’, cursive;
    }

    But … I wanted to be the font in Green, not the background color! ;-)
    Could you tell me the CSS for this?

    December 12, 2022 at 12:58 am #1375903
    Mike

    Hi,
    For green font instead of a green background color change to this:

    .av-special-heading.lime-background h2.av-special-heading-tag {
color: #719430;
font-family: 'Caveat', cursive;
}

    Best regards,
    Mike

    December 12, 2022 at 12:42 pm #1375931
    Nic_007

    Dake. Ich habe eben gesehen, dass man die Schriftfarbe ja auch einfacher umstellen kann.
    Unfortunately the CSS above didn’t work for the H2:
    <!– Green and caveat background color for headline 2 –>

    .av-special-heading.lime-background h2.av-special-heading-tag {
    background-color: #719430;
    font-family: ‘Caveat’, cursive;
    }

    Please refer my Test headline. I added “turquoise-background” like at the H1. What could be the reason?
    And unfortunately the opacity in the header has changed again. Can this be due to the added comments in the quick css? Shouldn’t it really matter?

    Many greetings

    December 12, 2022 at 1:57 pm #1375947
    Mike

    Hi,
    The way you are commenting in your css is not correct:
    <!-- Türkis und Hintergrundfarbe Caveat für Headline 2 -->
    that is an HTML comment, CSS needs to be like this:
    /* Türkis und Hintergrundfarbe Caveat für Headline 2 */
    It does matter, please correct.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.