Remove space between sidebar and content area

  • Resolved jasonjcohn

    (@jasonjcohn)


    8 years, 5 months ago

    Pretty much covered in the topic, but yeah I’m trying to work out how to put content right up against the sidebar.

    jasonjcohn.com/journalism – is what I’m going for. That one only seems to work because I’m using a specific plugin for that gallery but I’d like to eliminate it altogether so I can use other plugins.

    I’m using Morphology Lite.

    Any ideas?

Viewing 12 replies - 1 through 12 (of 12 total)
  • Theme Author Shaped Pixels

    (@shaped-pixels)

    This is what manages the content area:

    .content-width {
    max-width: 1280px;
    padding: 3% 2%;
    margin: auto;
}

    So you will need to play with customizing that for your needs. You will still get some space though because the page template uses the Bootstrap grid structure and this is where it then becomes a bit of a challenge because you don’t want to completely change the .container class left and right padding to 0 for all instances of it….only for the pages you want by getting the page id class off the body tag.

    Example:

    .page-id-120 .content-width .container-fluid  {
    padding: 0;
}
    • This reply was modified 8 years, 5 months ago by Shaped Pixels.
    Thread Starter jasonjcohn

    (@jasonjcohn)

    Thanks for another quick reply!

    So if I want to test out 0 padding across the entire website, what would I change exactly?

    Theme Author Shaped Pixels

    (@shaped-pixels)

    You’re very welcome. In fact, it’s actually 1:15am for me so I will be off to the land of sleep in a moment, but to follow up with your last question…

    Remove the .page-id-120 class part. But please be aware that this will affect “all” pages throughout the site.

    Thread Starter jasonjcohn

    (@jasonjcohn)

    Woah you need sleep!

    I tried replacing:
    .content-width {
    max-width: 1280px;
    padding: 3% 2%;
    margin: auto;
    }

    with

    .page-id-120 .content-width .container-fluid {
    padding: 0;
    }

    and it didn’t seem to change anything.

    I also tried in CSS and no luck.

    Any ideas?

    Theme Author Shaped Pixels

    (@shaped-pixels)

    I’m awake!

    Anyway, you need both actually, with the first having the modified CSS…

    .content-width {
max-width: 100%;
padding: 3% 0;
margin: auto;
}

.page-id-120 .content-width .container-fluid {
padding: 0;
}
    Thread Starter jasonjcohn

    (@jasonjcohn)

    It worked! You’re a magician!

    You’re right though, there’s still a small margin and I really want full page tiles. If that’s impossible am I better off trying another theme?

    Theme Author Shaped Pixels

    (@shaped-pixels)

    I don’t see any margin, although if you can show me a page with actual content on it where a margin is showing, I can look…as in actual text content; or will there be no text content?

    Thread Starter jasonjcohn

    (@jasonjcohn)

    https://jasonjcohn.com/news/

    No text, just photos going into lightboxes. I’d like a left sidebar and a full page grid otherwise.

    Theme Author Shaped Pixels

    (@shaped-pixels)

    If all pages is to have the “no side margin space” then

    .content-width .container-fluid {
    padding: 0;
}
    Thread Starter jasonjcohn

    (@jasonjcohn)

    Once again, it worked and you are a wizard! jasonjcohn.com/news is there any way to get rid of the margin at the top as well?

    Theme Author Shaped Pixels

    (@shaped-pixels)

    Your heading is doing it…

    .entry-header {
    display: none;
}

    or, you can use a plugin that lets you hide page and/or post titles from the editor level.

    Thread Starter jasonjcohn

    (@jasonjcohn)

    No problem, I got it! Thank you so much for all your help!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Remove space between sidebar and content area’ is closed to new replies.