Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • October 19, 2015 at 7:00 pm #521132
    fanlokbun

    In the Avia layout builder there are is only the option is Space between columns or No space. I want approximately 10px space between columns not 40 – 70px. I have a 4 column layout.

    Thanks
    Rob

    October 19, 2015 at 10:56 pm #521243
    Basilis

    Hi fanlokbun!

    Have you tried to add a custom CSS value, where u can add your own paddings / margins?

    Regards,
    Basilis

    October 20, 2015 at 10:33 am #521467
    fanlokbun

    That is what I was hoping you would tell me.

    October 20, 2015 at 1:58 pm #521646
    Yigit

    Hi!

    Can you please post the link to your page and point out the columns you would like to edit?

    Cheers!
    Yigit

    October 20, 2015 at 2:55 pm #521700
    fanlokbun

    Hi Yigit,
    I just tried using this CSS and it worked okay:

    #top .av-flex-placeholder {
    display: table-cell;
    width: 1%;
}

    Is it ok to use that? If not url below.

    Thanks

    October 20, 2015 at 3:01 pm #521706
    Yigit

    Hey!

    Yes, that is fine :)
    Glad you figured it out!

    Best regards,
    Yigit

    October 20, 2015 at 3:12 pm #521718
    fanlokbun

    Ah sorry Yigit no it isn’t. It has done it site-wide on 2 column layout as well which was better at 6%. How do I limit 1% to 4 column layout and lower?

    Thanks

    October 21, 2015 at 12:21 pm #522258
    fanlokbun

    Sorry I am not sure I made my self clear. I have removed the CSS that made the gap 1%.
    Scroll down on this page and see the boxes with the crane pictures at the top.
    http://jonescrawlercranes.com/wp/crawler-crane-hire/
    I want the gap between the boxes to be around 10px.
    Thanks
    Rob

    October 21, 2015 at 1:14 pm #522275
    Yigit

    Hi!

    Please use following code

    .av_one_fourth + .av-flex-placeholder,.av_one_fifth + .av-flex-placeholder {
    width: 10px!important;
}

    Cheers!
    Yigit

    October 21, 2015 at 1:40 pm #522289
    fanlokbun

    Sorry Yigit it hasn’t worked.
    This is all my Quick CSS:

    /* stop force upper case */
body * {
 text-transform: none !important;
}

/* Header link line orange*/
#top .header_color.av_header_transparency .avia-menu-fx {
    background: #FF6600 none repeat scroll 0 0;
}

/* Space between icon boxes contact */
.iconbox {
    clear: both;
    margin-bottom: 10px;
    position: relative;
}

/* cell spacing */
.av_one_fourth + .av-flex-placeholder,.av_one_fifth + .av-flex-placeholder {
    width: 10px!important;
}

    Cheers
    Rob

    October 21, 2015 at 1:55 pm #522294
    Yigit

    Hey!

    Can you please flush browser cache and refresh your page a few times? It seems to be working fine on my end – http://i.imgur.com/DQHAdpU.jpg

    Cheers!
    Yigit

    October 21, 2015 at 2:20 pm #522315
    fanlokbun

    It is a Firefox and IE problem.

    I have booted up an old laptop and tried it on Firefox and IE and it doesn’t work. It works fine on Safari and Chrome. (Firefox and Chrome on Android give the same results.)

    Thanks
    Rob

    October 21, 2015 at 7:11 pm #522443
    fanlokbun

    Sorry guys I wasn’t being clear again.

    It wasn’t a cache problem.

    Is it possible to modify this so it works in FF and IE.

    /* cell spacing */
.av_one_fourth + .av-flex-placeholder,.av_one_fifth + .av-flex-placeholder {
    width: 10px!important;
}
    October 22, 2015 at 4:14 pm #523077
    fanlokbun

    Sorry to pester but you are normally so speedy at replying. This little bug is the last thing to sort on the site before I show it to the owner. I know they use Firefox.

    Many thanks
    Rob

    October 22, 2015 at 4:37 pm #523102
    Yigit

    Hey!

    Can you please try changing code to following one

    .av_one_fourth + .av-flex-placeholder,.av_one_fifth + .av-flex-placeholder {
    width: 10px!important;
    table-layout: fixed !important;
    display: table !important;
}

    Cheers!
    Yigit

    October 22, 2015 at 4:54 pm #523125
    fanlokbun

    Sorry Yigit still no difference in Firefox.

    October 23, 2015 at 12:03 am #523383
    Yigit

    Hey!

    Table-cell property on Firefox is a known issue. The last code i posted should have helped but if it did not, i am out of ideas unfortunately. I will ask my teammates to check your site on Firefox. Please kindly wait to hear from them

    Best regards,
    Yigit

    October 23, 2015 at 11:04 am #523607
    fanlokbun

    Will do. Thanks

    October 25, 2015 at 9:21 am #524352
    Ismael

    Hey!

    Please use this instead:

    .avia-mozilla div .flex_column_table_cell.av_one_fourth {
    width: 24.5%;
}

    For IE, you can try this:

    .avia-msie div .flex_column_table_cell.av_one_fourth {
    width: 24.5%;
}

    Cheers!
    Ismael

    October 25, 2015 at 11:43 am #524369
    fanlokbun

    Perfect! Thanks.

    BTW I needed to leave in original so I now have this:

    /* cell spacing */
.av_one_fourth + .av-flex-placeholder,.av_one_fifth + .av-flex-placeholder {
    width: 10px!important;
    table-layout: fixed !important;
    display: table !important;
}
.avia-mozilla div .flex_column_table_cell.av_one_fourth {
    width: 24.5%;
}
/* For IE */
.avia-msie div .flex_column_table_cell.av_one_fourth {
    width: 24.5%;
}
    October 26, 2015 at 12:36 am #524588
    Dake

    Hi!

    Glad to know we could help :)

    Please let us know if you ever need any help in the future.

    Best regards,
    Dake

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘space between columns’ is closed to new replies.