Annual Documentation Survey

Do you have 4 minutes to help us improve our documentation? Please take our annual survey!

Skip to end of metadata
Go to start of metadata

Hi,

I have a layout that requires adding an extra div to wrap everything below the header up to the footer.

Basically, the header needs to have a transparent bg, but the menu and everything up to the footer needs to have a white bg and a drop shadow applied.

Is there a way to do this?

  • Jonathan
  • No labels

1 Comment

  1. Unfortunately not as such, the HTML Structure (Builder 3.x) of a builder page doesnt lend itself to that directly, however depending on your layout you should be able to arrange things to end up with the same visual effect.

    One way to achieve this is to move the content of the menu & navigation panels into the title panel, then apply your background to atb-lower or one of the atb-l* divs

    Another way would be to set the background on atb-menu, atb-navigation & atb-lower and then use padding to allow for the drop-shadow.

    That's just off the top of my head, but to give a complete answer I'd need to have a better idea of what you are trying to achieve.