Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 4, 2017 at 8:42 pm #834503
    sgaulton

    Hello,
    I have 4 footer columns and would like to adjust the space between them.
    Example, I’d like column 2 closer to column 1 and column 3 closer to column 4.
    How do I do that?
    Thanks!

    August 5, 2017 at 9:05 am #834642
    Sarah

    Hey sgaulton,

    Columns 2, 3, and 4 each have a left margin of 6%. This is what you should adjust. To do that. please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    #footer > .container > .av_one_fourth:nth-child(2) {margin-left: 4%;}
#footer > .container > .av_one_fourth:n-thchild(3) {margin-left: 8%}
#footer > .container > .av_one_fourth:last-child {margin-left: 4%}

    You can adjust the values to fit your preference. Just make sure that the numbers combined will not exceed 18. :) (For example, the margins can also be 3, 10, and 3).

    I hope that helps! If you need further assistance, it would be best to  provide a precise link to your site, showing the elements in question.

    Best regards,
    Sarah

    August 7, 2017 at 4:37 pm #835457
    sgaulton

    Thanks Sarah!
    This worked great :)

    August 8, 2017 at 7:21 am #835714
    Rikard

    Hi,

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

    Best regards,
    Rikard

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