Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 3, 2013 at 1:26 pm #169921
    Niels

    Hi, Enfold newbie here.

    Beautiful and versatile theme – look forward to playing with it!

    I would like to build a layout using multiples of the ‘one fifth’ column across the screen width, for example:

    3 fifths + 2 fifths
    4 fifths + 1 fifth
    2 fifths + 2 fifths + 1 fifth

    I’ve read on another thread that there is only an option for ‘one fifth’ columns available at the moment – is it possible for me to create the layouts as described above?

    I have updated to Enfold version 2.3.1

    October 4, 2013 at 7:20 am #170328
    Ismael

    Hey Niels!

    It is not possible with the Advance Layout Builder right now but you can do it manually. For example, if you want to 4 fifths + 1 fifth layout you can add a Text Block then add use this code:

    <div class="av_four_fifth first" style="background: red;">Text Here</div>
<div class="av_one_fifth" style="background: blue;">Text Here</div>

    Notice class=”av_four_fifth first”, the “first” selector will remove the left margin on an element.

    Add this on your custom.css or Quick CSS;

    .av_one_fifth {
	margin-left: 6%;
	width: 15.2%;
	float: left;
}

.av_four_fifth {
	margin-left: 6%;
	width: 78.8%;
	float: left;
}

    You can do the math on other layouts. :)

    Regards,
    Ismael

    October 4, 2013 at 10:44 am #170380
    Niels

    OK, thanks Ismael – I’ll give that go!

    :o)

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Multiple variations of one fifth colums’ is closed to new replies.