Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 2, 2017 at 1:49 am #741513
    goldengate415

    Hi!

    I am working on a page and have a question.

    – The page is a blog post with a sidebar
    – I want to create a box on the page that has same styling as my footer, and I want that box to contain text.
    – I don’t want the box to stretch full-width over the side blog bar

    So I tried:

    – Tried 1/5 and 3/5 layout elements (since blog bar is the other 1/5) but there is nowhere I would find in layout element to select footer color & styling
    – So then based on support forum search, I tried a Grid Row element (new to me) and the styling looks great but it stretches across the full page and pushes the blog sidebar way down.
    – I tried putting the grid row inside a layout element but it didn’t want to go inside, same behavior as a color section

    Which leads me to believe that like a color section, a grid row always as to be full width?

    How can I accomplish the goal above?

    Thanks!!!!

    February 2, 2017 at 11:04 pm #742074
    Eagles1227

    I’ve used this with success:

    .av-layout-grid-container {
max-width: 1310px !important;
margin: 0 auto !important;
border: none !important;
}

    Adjust the max width px per your site.

    Support, I however, cannot figure out how to target a single grid row. My Section ID is “amenities”. But no matter what I put, nothing works. Any suggestions?

    Thanks!

    February 7, 2017 at 8:15 am #743718
    Vinay

    Hi,

    Thank you for sharing the solution. Please let us know if there is anything else we can help you with :)

    To target a single element of the advanced layout builder please enable custom css class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Vinay

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.