Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #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

    #170328

    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

    #170380

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

    :o)

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

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