Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 18, 2017 at 11:37 pm #865976
    anitaleephoto

    Hello,

    I am trying to centre two 1/3 columns in a color section. I have created a custom id for this color section and have tried inserting an empty column and added the following code in Quick CSS that I saw from a post from Yigit in another thread:

    #personalpack .first { display: none !important; }}

    This is not working for me. While it does move the columns a bit it still is not centered.

    Please help.

    Thanks,
    anita

    October 18, 2017 at 11:50 pm #865983
    Jordan Shannon

    Hey anitaleephoto,

    Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    October 19, 2017 at 12:26 am #866001
    anitaleephoto

    Thanks Jordan.

    October 19, 2017 at 5:53 pm #866355
    Jordan Shannon

    Hi,

    Try adding the following to quick css:

    .post-entry-4878 .av_one_third{
    margin-left: 6%;
    width: 40.333333333333332%;
}


.post-entry-2317 .av_one_third{
    margin-left:11%;
    width: 32%;
}

    Best regards,
    Jordan Shannon

    October 19, 2017 at 7:19 pm #866417
    anitaleephoto

    Hi Jordan!

    Thanks for this.

    The first set of code worked for that specific page (4878). I was able to centre it by fiddling with the values.

    However, I am finding it challenging to change 2317 because I have 2 color sections there and adding this code changes the top set of boxes too and those should not be changed at all. To summarized:

    a. The top color section has three 1/3 boxes divided equally and perfectly centred as desired.
    b. The bottom color section has two 1/3 boxes needing to be centred.

    Could I add a custom id (such as, “promobranding”) to the bottom color section and apply an appropriate code in Quick CSS to centre the columns? If so, what would that code be?

    I really ppreciate your help!

    October 20, 2017 at 1:41 am #866531
    anitaleephoto

    Ok, so, I figured out what I did wrong for 2317. The columns needed to be set at individual height to make this code work.

    Thanks again Jordan!

    All good now.

    October 20, 2017 at 9:54 am #866646
    Rikard

    Hi,

    Great, glad you found the problem and thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    October 20, 2017 at 6:37 pm #866817
    anitaleephoto

    Thank you,

    You may close this now.

    Best,
    anita

    October 20, 2017 at 10:04 pm #866884
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.
    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Centre two 1/3 columns in a Color Section’ is closed to new replies.