Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 3, 2016 at 5:41 pm #694732
    DigitalEssence

    Hi,

    I’m trying to get our flex_columns to line up left and right with the content like in this screenshot:

    View post on imgur.com

    I’m using the following code:

    .avia-section .template-page, .avia-section .container {padding:0px!important; margin:0px!important;}
.av_two_third {padding-right:10px;}
.av_one_third {padding:0px!important; margin:0px!important; width:35%!important; float:right;}

    Which is giving me the av_two_third lined up nicely on the left, a 10px gap and then av_one_third but there’s a small bit of margin/padding to the right of av_one_third that I just can’t get rid of and I’m looking for some advice please..

    See:

    View post on imgur.com


    many thanks.

    October 4, 2016 at 8:45 am #694925
    Jordan

    Hey DigitalEssence,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Jordan

    October 4, 2016 at 9:56 am #694940
    DigitalEssence

    Hi Jordan,

    yes of course: http://firstnurserypeebles.com/

    I’ve another question while you’re here.. Is it possible to stack two columns one on top of each other? Eg, The design calls for two 1/3 columns one on top of each other to sit to the right of a 2/3 column. This is so I can create the coloured background blocks as above where it says forest school with a grey background then an image below.

    I’ve tried this but the columns don’t stack and go onto the next horizontal line.

    Thanks.

    October 5, 2016 at 5:05 pm #695627
    Yigit

    Hi,

    Please change the line of your code to following one

    .av_one_third {
    padding: 0px!important;
    margin: 0px!important;
    width: 35.3%!important;
    float: right;
}

    That would be possible using custom CSS. Please create your layout, then enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your column elements and give them custom CSS class and then post the link to your page.

    Best regards,
    Yigit

    October 10, 2016 at 1:16 pm #697284
    DigitalEssence

    Hi there.

    thanks for getting back to me. I’ve made the CSS edit and given the columns custom classes:

    homepage_one_third
    homepage_two_third

    Home

    Thanks,

    Hedley

    October 11, 2016 at 1:06 pm #697796
    Andy

    Hi,

    so it seems you could achieve what you want. If you still need help with this here, then a mockup showing what you would like to achieve would help a lot.

    Best regards,
    Andy

    October 14, 2016 at 3:16 pm #699164
    DigitalEssence

    Thanks Andy,

    just need to work on the responsive side of this layout as it breaks but that’s great, thank you.

    October 16, 2016 at 2:27 pm #699599
    Rikard

    Hi,

    Ok, thanks for the feedback. Please let us know if you should need any further help on the topic.

    Regards,
    Rikard

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