Reduce gap between the sidebar and content

  • I have a site at https://www.steamtraininfo.com

    I have set it up with a left sidebar.

    The settings in appearance are: container width 1160 , content width 70% sidebar 30%

    There is a large gap between the sidebar and content.

    I want to reduce tht gap to 1/2 of the width of the borders on the left and right with the additional space being used for the content.

    How can I do this?

    Thank you for the time.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,
    Please add this CSS inside Customize > Additional CSS: 

    .tg-site-layout--left #secondary {
    padding-right: 30px;
}

.tg-site-layout--left #primary {
    padding-left: 30px;
}

    Thanks.

    Thread Starter cartonbuiltmodels

    (@cartonbuiltmodels)

    Thank you very much.

    What I am actually trying to do is get to this look. https://34.199.141.124/

    Right now my site has faint blue borders around each section. The one above is clean.

    And I am trying to get a black border

    And I am trying to reduce the space between the header and the content and sidebars top boundaries.

    I am not a programmer and know less than nothing about css. So this is a struggle for me.

    Any help you can provide me hear would be heartfelt appreciated.

    Thank you for the time.

    Hi,
    The space between header and the slider appear due to the slider you’re using. So, please check the settings of plugin to remove the space around the image or ask their support about this.

    From above reply, I couldn’t see any other query, however, if you’ve any, let me know again.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reduce gap between the sidebar and content’ is closed to new replies.