Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1375732

    Hi,

    1) ich möchte gerne auf bestimmten Seiten (demo enfold restaurant) eine Hintergrundfarbe hinter die Headline setzen, weil man sie ansonsten doch zu schlecht erkennt.
    Auf der einen Seite soll es zum Beispiel Türkis sein (#24727c | RGB: 36, 114, 124), auf einer anderen #a4ce22. Ist das möglich?
    2) Ist es alternativ möglich, die Transparenzein wenig zu reduzieren bei den Hintergrundbildern, so dass man die Schrift darauf besser erkennen kann?
    3) Ich würde gerne eine Headline mit der Schrifttypo Caveat (wie Enfold Health Demo) definieren, die ich an verschiedenen Stellen der Website einsetzen möchte. Ist das möglich?

    Danke vorab für euren Support!
    Viele Grüße,
    Nic

    #1375857

    Hey Nic_007,
    To put a different background color behind different headlines on your site would best be done by adding a custom class to the headline for each color.
    So please tell us which colors you want to use and link to two different headlines and I will explain how to do this.
    If you include an admin login I could also demonstrate on one if you find that easier.
    Is this a duplicate request to this thread? If so lets only use one of these threads otherwise it will get confusing to talk about the same subject in two threads.

    Best regards,
    Mike

    #1375859

    #24727c
    #719430

    then lets continue here.

    It would be great if you could explain the procedure to me.

    #1375865

    Hi,
    Thanks for the login, I added this css to your Quick CSS:

    .av-special-heading.turquoise-background h1.av-special-heading-tag {
    background-color: #24727c;	
    }
    .av-special-heading.lime-background h1.av-special-heading-tag {
    background-color: #719430;	
    }

    Then for the special heading at the top of your homepage I added the custom class turquoise-background
    now it shows a turquoise background color.
    Please clear your browser cache and check.

    Best regards,
    Mike

    #1375871

    Thank you! Would it be possible for you to adjust the CSS so that the font has a few spaces towards the edge (is a little too dense) and the same spacing at the end as well? Then the bar behind the headline would only be as long as the headline or a little bit longer because of the distance.

    And could you please also tell me how to add a custom class, since I would like to create the headlines for the other pages, possibly with other colors as well.
    Thank you in advance!

    #1375875

    Hi,
    To add a custom class to almost any element in Enfold open the element and look in the Advanced tab and then in the Developer Settings and you will see the Custom Class field:
    2022-12-11_006.jpeg
    To make the background color just a little bit larger than the text I changed the css to this:

    .av-special-heading.turquoise-background h1.av-special-heading-tag {
       background-color: #24727c;
        display: inline;
        padding: 0 20px;
        margin-left: -20px;	
    }
    .av-special-heading.lime-background h1.av-special-heading-tag {
        background-color: #719430;
        display: inline;
        padding: 0 20px;
        margin-left: -20px;
    }

    please clear your browser cache and check.

    Best regards,
    Mike

    #1375876

    Perfect, that’s exactly how I wanted it and now I know how to change the other headlines.
    Thank you Mike!

    #1375881

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Headline mit Hintergrundfarbe auf bestimmten Seiten’ is closed to new replies.