Archived topic
Widget content padding
4 replies · Started by Zad on June 4, 2018
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 :)