Site logo

Archived topic

Widget content padding

4 replies · Started by Zad on June 4, 2018

Viewing posts 1–5 of 5

Hi,

So sorry to ask this question *again* but is there any way to change the footer widgets of just the home page to a specific space on a desktop while keeping the mobile one a specific width as was done exactly in the codes below?

@media (min-width:769px) {
    .single.one-container .site-content {
        padding-left: 270px;
        padding-right: 270px;
    }
    .home.one-container .site-content {
        padding-left: 200px;
        padding-right: 200px;
    }
}

But for footer widgets (three footer widgets on the home page)

Hi there,

The desktop padding can be modify through the customizer:
https://docs.generatepress.com/article/footer-padding/

Then use this Code below to set for mobile:

@media (max-width: 768px) {
    .footer-widgets {
        padding: 10px 20px 30px 40px;
    }
}

I've also edited and combined your code above to save a few lines.

Thank you, it worked!

No problem :)

This archived topic is closed to new replies.