-
AuthorPosts
-
December 9, 2022 at 11:17 pm #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,
NicDecember 11, 2022 at 4:00 pm #1375857Hey 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,
MikeDecember 11, 2022 at 4:39 pm #1375859#24727c
#719430then lets continue here.
It would be great if you could explain the procedure to me.
December 11, 2022 at 5:37 pm #1375865Hi,
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,
MikeDecember 11, 2022 at 7:20 pm #1375871Thank 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!December 11, 2022 at 8:06 pm #1375875Hi,
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:
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,
MikeDecember 11, 2022 at 8:44 pm #1375876Perfect, that’s exactly how I wanted it and now I know how to change the other headlines.
Thank you Mike!December 11, 2022 at 9:22 pm #1375881Hi,
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 -
AuthorPosts
- The topic ‘Headline mit Hintergrundfarbe auf bestimmten Seiten’ is closed to new replies.