Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 23, 2017 at 8:04 pm #765702
    siteraum

    Hi Enfold Theme,

    I have two Column in a color section 2/3 and 1/3, and i want to reduce the white Space between the Columns, i read the other Threads but i can´t figured out. I would like to have the half Space from it is know

    Thank you

    March 24, 2017 at 6:15 am #765898
    John Torvik

    Hey siteraum,

    This rule will affect just the above page. Add this at Enfold Theme Options > General Styling > Quick CSS

    
.page-id-166 div .av_one_third {
    margin-left: 3%;
    width: 32.333333%;
}

    Best regards,
    John Torvik

    March 24, 2017 at 2:03 pm #766168
    siteraum

    Hallo John,

    thank you very much it works perfect.

    but how can make it for Startpage (Homepage)- the css rule is not working on the startpage (see link).

    i use in the columns css class “startpage” it dosent work

    thank you for help again

    March 25, 2017 at 5:42 am #766469
    Nikko

    Hi,

    Try adding this css code:

    .home .flex_column.av_one_third {
    margin-left: 3%;
    width: 32.3333333%;
}

    We are giving you page specific css codes so it doesn’t affect the whole site. Hope this helps.

    Best regards,
    Nikko

    April 3, 2017 at 2:14 am #770830
    willmfraz

    Hello!

    I am having the same issue–needing to alter the space in between columns on a couple of my pages. They’re 1/3 columns inside a color section with text blocks inside each.

    FYI if it’s helpful in figuring this out, I’m using this CSS to get the color section to span to the edges of the page. (Although I have tried removing this CSS to see if the others will work, and they didn’t)
    #fullwidth .container { width: 100% !important; max-width: 100%; padding-left: 10px; padding-right 10px; margin: 0; }

    I’ve tried the following different CSS blocks from the forum, but none of them has any impact on the space between the columns (this includes me messing with the % values and seeing if it does anything).

    .page-id-166 div .av_one_third {
    margin-left: 3%;
    width: 32.333333%;
    }
    .home .flex_column.av_one_third {
    margin-left: 3%;
    width: 32.3333333%;
    }

    div .av_one_third {
    margin-left: 6% !important;
    width: 29.333333333333332% !important;
    }

    Thanks for your help!

    update

    I solved it using this css
    .av_one_third {
    margin-left: 0% !important; margin-right: 0% !important;
    width: 100% !important;
    }
    It’s still lopsided to the left on desktop, though–barely any space on left of 1st column border, vs. maybe 25px to the right of the 3rd column.

    Let me know what you figure out. I’m gonna keep working on it.

    • This reply was modified 7 years, 7 months ago by willmfraz.
    April 3, 2017 at 4:14 am #770859
    Nikko

    Hi,

    The code we gave are page specific that’s why it doesn’t work on your end since page id most likely is different, I checked your site, it seems good :) you could try to add this also:

    #fullwidth .container {
    padding: 0 20px !important;
    margin: 0 auto !important;
}

    Hope this helps :)

    Best regards,
    Nikko

    April 4, 2017 at 6:50 am #771527
    siteraum

    Hi Nikko,
    sorry for the late replay! Thank you it works- nice support!!

    April 5, 2017 at 5:48 am #772192
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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