Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 9, 2018 at 11:46 pm #995772
    steviger

    Hi guys,

    Sorry to bother you again but I’d like to have three columns to be centered in a color section. Therefore I tried this solution but it didn’t work.
    I followed your instructions:
    To center align two or more columns inside a color section, drag and drop the columns inside a color section as shown below and give the color section a custom ID call it “av-center-align-columns” and add the below CSS to your site.
    CSS code used:

    /* Center align columns inside color section*/
#av-center-align-columns .entry-content-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: center;
}

    What am I doing wrong here?

    Best regards,

    Steven

    August 10, 2018 at 5:41 am #995813
    Mike

    Hey steviger,
    I tested this solution out on my localhost, and found that it worked good. Please check the ID you added to the color section and ensure you didn’t include the # sign.
    I edited my hosts file & went to your site, but I don’t see the columns that your are trying to center. Are they on your homepage? can you include a screenshot?

    Best regards,
    Mike

    August 10, 2018 at 10:46 am #995898
    steviger

    Hi Mike,

    Thanks for your time. Indeed I used the correct ID without the # sign. Please see image here with the columns I’d like to be centered.
    I could give you admin access if you like.

    Best,

    Steven

    August 10, 2018 at 11:29 am #995910
    Guenni007

    if works on my site too:
    so what for is the calltoaction class? maybe it is in conflict with those settings

    and by the way: these aren’t 1/3 columns ? ;)

    August 10, 2018 at 11:44 am #995912
    steviger

    Hi,

    That’s for the top/bottom padding in that section with the icons. I tried Enfold’s code without that calltoaction class but no luck.
    And yes, these are 1/3 columns. See screendump here ;)

    Best,

    Steven

    August 10, 2018 at 12:05 pm #995916
    Guenni007

    so what do you expect should a code do if the whole width is full with container. ?

    so they are centered – but you don’t see a difference because there’s no distance left to spread. !

    make for all 3 columns : 1/4 th of them – then you will see the result

    August 10, 2018 at 12:21 pm #995917
    steviger

    Hi,
    I see. With 3 columns there’s nothing to center.
    Thanks for the feedback all!

    Cheers,

    Steven

    August 10, 2018 at 5:06 pm #996072
    Victoria

    Hi Steven,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 26, 2019 at 8:41 pm #1122211
    mhiller

    I followed the steps above,with an image at the top in a single column, but it does not center. Help is appreciated! Mike.

    July 27, 2019 at 4:53 am #1122232
    mhiller

    I changed the design to resolve the issue.

    July 27, 2019 at 8:48 am #1122283
    Rikard

    Hi mhiller,

    Thanks for the update. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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