
-
AuthorPosts
-
December 13, 2020 at 1:50 am #1266839
Hi all,
based on the “Restaurant” demo, I created a a header with small header line, logo and menu. Now I added acolor section to one site, with a background image that covers the header section to. The background image has right size and is at the correct position. But now the text embedded in this color section via a block is partly covered by the menu. I already tried to set a vertical alignment, but with now success. I only want to change the space between the bottom background image border and the text, so that the the text is completely below the menu.
Thanks & greetings
JoergDecember 14, 2020 at 12:16 pm #1267091Hi Joerg,
That happens since you have selected to use a transparent header, please change that in the Layout menu on the page in question.
Best regards,
RikardDecember 14, 2020 at 2:45 pm #1267160Hi Rikard,
I removed the transparent header logo in the Enfold Header configuration – but nothing changes on site.
Greetings,
JoergDecember 15, 2020 at 7:22 am #1267381Hi,
Thanks for the update. I tried logging in to check your setting, but the details you posted are not working:
FEHLER: Falscher Nutzername oder Passwort.
Please check and verify.
Best regards,
RikardDecember 15, 2020 at 5:28 pm #1267519Hi Rikard,
I reset the login details, can you please try again?
Greetings,
JoergDecember 16, 2020 at 12:02 pm #1267744Hi,
Thanks for that. I set the header to not be transparent in the Layout menu and it’s working. Please check the Header-Sichtbarkeit und -Transparenz option in the Layout menu the next time you need to change the behaviour of the header.
Best regards,
RikardDecember 17, 2020 at 12:14 am #1267967Hi Rikard,
thanks, I didn’t notice this option. Now the section with the gray background is below the menu but the height is larger than before. If I set a fixed height of the Farb Sektion it is ignored when setting it below 100px. How can I set the height for the section with the gray background?Thanks & greetings
JoergDecember 18, 2020 at 8:25 am #1268357Hi,
Thanks for the update. 100 pixels is the minimum height for a Color Section, what exactly are you looking to achieve? Please try to explain your intentions a bit further, or post a screenshot or mockup highlighting them.
Best regards,
RikardDecember 18, 2020 at 11:28 pm #1268508Hi Rikard,
here are two screenshots with a transparent and non-transparent header. Both are working, but the Farb Sektion should be less high and the text should be vertically centered in the Farb Sektion.
Example ScreenshotsGreetings,
JoergDecember 21, 2020 at 5:59 am #1268946Hi,
Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:
.page-id-129 #av_section_1 .template-page { padding-top: 10px; padding-bottom: 10px; }
Best regards,
RikardDecember 22, 2020 at 11:02 pm #1269405Hi Rikard,
thank you very much, this does exactly what I’m looking for, at least for the non-transparent header style.
Is there a similar solution for the style with transparent header, an example is the site “Termine & Preise”?Thanks,
JoergDecember 24, 2020 at 7:19 am #1269712Hi Joerg,
Thanks for the update. Please try this CSS as well:
.page-id-764 #av_section_1 .template-page.content { padding-bottom: 20px; }
Best regards,
RikardJanuary 19, 2021 at 10:01 pm #1273840Hi Rikard,
sorry for the late reply – the last CSS code is doing exactly what I want – thanks a lot!
Regards,
JoergJanuary 20, 2021 at 7:18 am #1273921Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Header and color section formatting question’ is closed to new replies.