[Resolved] Add padding to left and right of container

Home Forums Support Add padding to left and right of container

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #847741
    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?

    GeneratePress 2.2.2
    GP Premium 1.7.8
    #847784
    Leo
    Staff
    Customer Support

    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 🙂

    #847844
    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

    #847847
    Mark

    Hi Leo,

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

    Mark

    #847849
    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.

    #847878
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.