Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 19, 2015 at 9:58 pm #382116
    bonami

    Hi,

    I just bought this template and i’ve got a layout question.

    I’ve make a 2/3 and a 1/3 column (the 1/3 contains a tall standing picture). Just beneath this element is need a 1/3 + 1/3 + 1/3. The last 1/3 still contains the tall picture. I tried for an hour, but cant figure it out. I have a lot of experience with jupiter/avada/salient, but on this one i cant create it.

    Hope someone can help me out. Thanks in advance.

    January 19, 2015 at 10:10 pm #382124
    begrafiks

    Hi bonami ;
    I f I don’t misunderstood ; you can take a look to “Grid Row” in the Advanced Layout Builder
    see here : http://i.imgur.com/I0uDrX6.png

    January 20, 2015 at 8:02 am #382302
    Ismael

    Hi!

    Thank you for using Enfold.

    Yes, you can use the Grid Row element, set the Cell Size to 2/3 1/3 then add 1/3 columns using the Column Layout element.

    Regards,
    Ismael

    January 20, 2015 at 10:13 am #382350
    bonami

    Hi Ismael,

    Thanks for that. That did the trick. Only with the Grid Row added, this part is full width now. I cant find any options to change it anywhere.

    Kind reagrds

    January 21, 2015 at 8:04 am #382891
    Ismael

    Hi!

    Edit the grid row element then apply a custom id attribute to the section. Use “custom-grid” for example. Add this on Quick CSS:

    div#custom-grid {
width: 1310px;
margin: 0 auto;
}

    Use css media queries to adjust the size of the grid on different screen sizes. I know this is a bit complicated but the theme should have a nested columns feature on future updates.

    Regards,
    Ismael

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