Site logo

Archived topic

Issues customizing container padding/full width on starter site 'Sider'

3 replies · Started by Jaumark on December 11, 2021

Viewing posts 1–4 of 4

Hey Guys,
Thank you for creating a fast and simple theme. I recently purchased this theme solely for the speed and the fixed header on the left side of the page, in the starter site 'Sider'. However, I'm having issues eliminating the padding on the right container/content. I prefer a full width effect for both container and content for the right side. No padding. I just spent 4 hours following your online tutorials to no avail. I'm sorry I'm not getting through successfully with creating new Elements. I'm basically seeking to achieve the layout of 'Sider' on the left with the layout of 'Solo' on the right. I would love to learn but time restraints. Please help.

Thank you. Appreciated.

Hi there,

first thing is to go to Customizer > Additional CSS and remove this:

.no-sidebar:not(.archive):not(.blog) .inside-article > *, .no-sidebar:not(.archive):not(.blog) #comments, .no-sidebar:not(.archive):not(.blog) .paging-navigation {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

Then look for this CSS:

@media (min-width: 1000px) {
    body {
        padding: 0 50px 50px;
        margin-left: 300px;
    }
}

And remove the padding: 0 50px 50px;

This should make the content fill the entire space to the right of the side header

Worked! Thank you! Thank you! Thank you! Thank you! Very much.

Glad to be of help!

This archived topic is closed to new replies.