Footer padding - Bolt

[PaulProe]

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:

.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]

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:

.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:

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

 

[PaulProe]

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]

Well, sorry about that!

Give this a go:

@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.

 

[PaulProe]

Thanks, Russ. That one worked