[Resolved] Add padding to left and right of container

[Mark]

Hi there,

I’ve set all pages to full width and then the CSS below to add padding for items in the content area:

@media (min-width: 769px) {
    .full-width-content.one-container .site-content,
    .full-width-content.separate-containers .inside-article {
        padding:40px;
    }
}

The problem is that my sidebar and content area end up pressed hard against the sides.

I want to include a 30px fixed space on ether side of the main content area. ie 30px to the left of the left sidebar and 30px to the right of the content area.

Whats’ the easiest way to do that?

[Leo]

Hi there,

Just to make sure, you are wanting the slideout navigation to be permanently on?

Doesn’t look like you are using it.

Let me know 🙂

[Mark]

Hi there,

Yes, the menu items are hidden for not logged in users.

Is there a way to hide the entire side menu for not loggedin users? (I realise thats a different questions than the original padding issue)

Mark

[Mark]

Hi Leo,

I added a login menu item which can be seen by all users now.

Mark

[Mark]

Hi Leo,

I kept browsing the forums and found my answer!

I had the following CSS

.container {
    padding-left: 30px;
    padding-right: 30px;
}

Which added margins to my container area so that there is now a 30px space on both sides of the container before side bar and after content.

[Leo]

Glad you figured out!

[Author]

Posts