Archived topic

Add padding to left and right of container

5 replies · Started by Mark on March 23, 2019

Viewing posts 1–6 of 6

March 23, 2019 at 2:17 pm #847741

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?

March 23, 2019 at 3:50 pm #847784

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

March 23, 2019 at 5:02 pm #847844

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

March 23, 2019 at 5:05 pm #847847

Hi Leo,

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

Mark

March 23, 2019 at 5:11 pm #847849

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.

March 23, 2019 at 6:22 pm #847878

Glad you figured out!

This archived topic is closed to new replies.

Start building better websites today.