Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #521132

    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

    #521243

    Hi fanlokbun!

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

    Regards,
    Basilis

    #521467

    That is what I was hoping you would tell me.

    #521646

    Hi!

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

    Cheers!
    Yigit

    #521700

    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

    #521706

    Hey!

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

    Best regards,
    Yigit

    #521718

    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

    #522258

    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

    #522275

    Hi!

    Please use following code

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

    Cheers!
    Yigit

    #522289

    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

    #522294

    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

    #522315

    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

    #522443

    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;
    }
    #523077

    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

    #523102

    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

    #523125

    Sorry Yigit still no difference in Firefox.

    #523383

    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

    #523607

    Will do. Thanks

    #524352

    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

    #524369

    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%;
    }
    #524588

    Hi!

    Glad to know we could help :)

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

    Best regards,
    Dake

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