Changing content area width (media query)

rhiannongiles
(@rhiannongiles)

9 years, 5 months ago

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?

http://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?

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

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

ThemeSumo
(@themesumo)

9 years, 5 months ago
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 9 years, 5 months ago by ThemeSumo.
Siobhan
(@siobhyb)

9 years, 5 months ago
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)

9 years, 5 months ago

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!