Changing content area width (media query)

  • Hi!

    On desk top I feel like my page looks pushed too much to the right. For the life of me, I have not been able to find any way to change the main content area to be wider without bleeding into my widget. I’d love to make it a little bit wider, and aligned to the left. It looks fine on mobile, so I’d also need a media query.

    Anyone have any suggestions?

    https://rhiyaya.com/

    I can really see it on the blog post pages. See how there is a lot more space on the left than on the right?

    https://rhiyaya.com/2016/10/19/life/

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

  • Your column structure is a little too complex for its own good to be honest, what are you using to create these dslc columns?

    You can improve the situation a little using this code which you can apply via your Child Theme style.css file, or using a Custom CSS plugin.

    .dslc-modules-section-wrapper, .dslca-add-modules-section {
    width: auto;
}
@media screen and (min-width: 1180px) {
    .content-wrapper {
        padding: 3em 4.661%;
    }
}

    Hope this helps.

    • This reply was modified 8 years, 5 months ago by ThemeSumo.

    Thank you for helping out here, @themesumo!

    @rhiannongiles: Building on the custom CSS that’s already been suggested to you. I recommend setting the padding-left of .content-wrapper to 55px. This is consistent with the amount of padding that’s been set between the right hand sidebar and the right edge of the theme:

    @media screen and (min-width: 1180px) {
    .content-wrapper {
        padding-left: 55px;
    }
}

    The following would then be needed, in addition, to reduce the left hand padding on single posts:

    @media screen and (min-width: 1180px) {
    .post-thumbnail + .entry-header {
        margin-left: 0;
        padding-left: 0;
    }

    .entry-body {
        padding-left: 0;
    }
}

    Let us know how you get on with that!

    Thread Starter rhiannongiles

    (@rhiannongiles)

    That worked! Thanks guys!!

    @themesumo – I’m using Live Composer for the main page. Honestly, I wonder if a different theme would serve me better. But I’ve been a big chicken about the idea of changing. It seems like a LOT of work!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing content area width (media query)’ is closed to new replies.