Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 6, 2014 at 9:25 pm #347383
    laurarabell

    I am using the “Grid Row” layout element to create a 2/3 + 1/3 column layout on this page.

    http://ncsera.com/contact-ncsera/

    Unfortunately when I use this grid row, the page body padding changes. It is 50px for most pages but only 30px when the grid row is used. Yet I need the grid row to achieve the current layout in the page builder. I would like for the page padding to be uniform across the whole site. Why does it change with the grid row?

    Is this an oversight/bug or is it supposed to do that?

    Thank yoU!

    November 7, 2014 at 1:37 am #347487
    Elliott

    Hey laurarabell!

    The grid_row does not have any padding (it’s supposed to span the whole area) so the padding that your seeing is the column elements. If you want to increase their padding when used inside the grid_row try adding this to your custom CSS.

    .av-layout-grid-container  .flex_cell { padding: 50px !important; }

    I would consider just using the column elements though. It doesn’t look like you need the grid_row for that layout.

    Best regards,
    Elliott

    • This reply was modified 10 years ago by Elliott.
    November 7, 2014 at 6:53 pm #347862
    laurarabell

    Thanks. I am trying to recreate that layout with just the columns…. but I cannot get the map to appear in the empty space below the contact information. How do I do that using the column view and not the grid layout?

    Thanks. Here is a screen shot of how the page is currently set up:

    https://www.dropbox.com/s/euw0zuxcc4x68ph/Screen%20Shot%202014-11-07%20at%2011.50.57%20AM.png?dl=0

    Here is the page link:
    http://ncsera.com/contact-ncsera/

    November 7, 2014 at 8:56 pm #347925
    laurarabell

    Here is a screen shot that shows how the page looks with the column layout in the previous screenshot.

    https://www.dropbox.com/s/8vygqt8q410s7ou/Screen%20Shot%202014-11-07%20at%201.53.41%20PM.png?dl=0

    I am reverting the live page back to grid layout in the meantime since I can’t get columns to look good…

    thanks for any help or assistance with this.

    November 8, 2014 at 1:11 am #348022
    Elliott

    Hey!

    Switch to the default editor when editing your page and click on the magic wand in the tinyMCE editor to insert our layout shortcodes. You’ll want a 2/3 + 1/3 first and then do a 1/2 + 1/2. After the 1/2 + 1/2 gets inserted you’ll want to move it inside the 2/3 column so it’s nested.

    When your done it should look like this.

    [av_two_third first]

[av_one_half first]1st column[/av_one_half]

[av_one_half]2nd column[/av_one_half]

Google map goes here

[/av_two_third]

[av_one_third]3rd column[/av_one_third]

    Cheers!
    Elliott

    • This reply was modified 10 years ago by Elliott.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.