Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #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.

    Example

    Thanks & greetings
    Joerg

    #1267091

    Hi 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,
    Rikard

    #1267160

    Hi Rikard,

    I removed the transparent header logo in the Enfold Header configuration – but nothing changes on site.

    Greetings,
    Joerg

    #1267381

    Hi,

    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,
    Rikard

    #1267519

    Hi Rikard,

    I reset the login details, can you please try again?

    Greetings,
    Joerg

    #1267744

    Hi,

    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,
    Rikard

    #1267967

    Hi 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
    Joerg

    #1268357

    Hi,

    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,
    Rikard

    #1268508

    Hi 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 Screenshots

    Greetings,
    Joerg

    #1268946

    Hi,

    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,
    Rikard

    #1269405

    Hi 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,
    Joerg

    #1269712

    Hi 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,
    Rikard

    #1273840

    Hi Rikard,

    sorry for the late reply – the last CSS code is doing exactly what I want – thanks a lot!

    Regards,
    Joerg

    #1273921

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Header and color section formatting question’ is closed to new replies.