Footer padding - Bolt

PaulProe

Customer
Russ
there is 70px pad at the top and bottom of the footer of the Bolt theme. To match other layouts on our site, we would like to delete this padding. Looking at the theme settings, it looks like it is using the large and largest pads which are about 25 but the site is showing 70px. I've tried pasting in this to extra.less but it didn't change anything:
custom css:
.p-footer-custom {
    padding-top: 5px;
    padding-bottom: 5px;
}

Is there a setting to change this or can you comment on why my code didn't work

thanks
 

Russ

Pixel Exit Staff
Russ
there is 70px pad at the top and bottom of the footer of the Bolt theme. To match other layouts on our site, we would like to delete this padding. Looking at the theme settings, it looks like it is using the large and largest pads which are about 25 but the site is showing 70px. I've tried pasting in this to extra.less but it didn't change anything:
custom css:
.p-footer-custom {
    padding-top: 5px;
    padding-bottom: 5px;
}

Is there a setting to change this or can you comment on why my code didn't work

thanks

We have it wrapped around a media query to target larger screens (reduces on mobile). So the media query has priority over that CSS.

Try this out:

Code:
.p-footer .p-footer-custom {
    padding-top: 5px;
    padding-bottom: 5px;
}
 

PaulProe

Customer
No Joy. Added your code to extra.less but no changes in the site. The media query must have supreme control! I see the name and padding in Chrome console and can uncheck the 70px settings and it reduces but I can't generate a code that will do the same

Paul
 

Russ

Pixel Exit Staff
Well, sorry about that!

Give this a go:
Code:
@media (min-width: (@xf-responsiveMedium  + 1))
{
.p-footer .p-footer-custom {
    padding-top: 5px;
    padding-bottom: 5px;
}
}

That's the exact same media query with just an extra CSS selector.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.