Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #169921

    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


    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. :)



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


Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Multiple variations of one fifth colums’ is closed to new replies.