Archived topic

Spacing between footerwidgets

4 replies · Started by Hans on January 13, 2017

Viewing posts 1–5 of 5

January 13, 2017 at 6:17 am #263733

Hi Tom,

I did not find a solution in the forums. It might be impossible without JavaScript. My problem ist to be seen on this spacing problem .

I want to have 20px between the footer widgets. But all CSS changes I tried ended up in displaying footer-3 below footer-2 on desktop. Tablet and mobile are okay.

Do you have a solution?

Hans

January 13, 2017 at 9:49 am #263788

Hi Hans,

Any chance you can link me to your site so I can take a look?

January 14, 2017 at 9:58 am #264056

Currently your CSS is:

.footer-widget-1, .footer-widget-2, .footer-widget-3 {
    border-radius: 15px;
    background-color: #f0f0f0;
    padding: 20px;
    margin: 0px;
}

It should work if you change it to:

.footer-widget-1 > aside, 
.footer-widget-2 > aside, 
.footer-widget-3 > aside {
    border-radius: 15px;
    background-color: #f0f0f0;
    padding: 20px !important;
    margin: 0px 5px;
}

January 14, 2017 at 10:47 am #264064

Great, it works! Thank you!

January 14, 2017 at 6:19 pm #264145

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.