Width modification – Shoreditch theme

projectyourselfgr · Member · Jul 17, 2016 at 7:52 pm
Copy link

Add topic to favorites
Hello everyone, this is George!

I’m trying to change the width settings on my website. I would like there to be no space on the left and less space between the main body and the sidebar. Could someone help me with the CSS code?
Here’s my website: https://projectyourself.gr/

Thank you in advance!

The blog I need help with is: (visible only to logged in users)
hallluke · Member · Jul 17, 2016 at 8:46 pm
Copy link
Hi George,

You can collapse the left margin with the following code:
```
.entry-hero-wrapper,
.hentry-wrapper,
.site-content-wrapper,
.site-footer-wrapper,
.site-header-wrapper,
.site-content-wrapper
.has-post-thumbnail .entry-header-wrapper,
.widget-area-wrapper {
	margin-left: 1em;
}
```
Although it might look a bit weird on wider-screened monitors as all the content appears on the left half of the page. Another option to consider would be to make the content section wider for these viewers, here’s an alternate idea of how it could look:
```
@media screen and (min-width: 1200px) {
	.entry-hero-wrapper,
	.hentry-wrapper,
	.site-content-wrapper,
	.site-footer-wrapper,
	.site-header-wrapper,
	.site-content-wrapper
	.has-post-thumbnail .entry-header-wrapper,
	.widget-area-wrapper {
		max-width: 60em;
	}
}
@media screen and (min-width: 896px) {
	.site-content-wrapper .widget-area {
		padding-left: 1em;
	}
}
```
One last thing to add, only the first of your current CSS rules is currently doing anything. The second isn’t targeting a specific element, there doesn’t appear to be anything with the class footer in your current theme (and hiding it is against the terms of service) and the last one looks like a class selector that’s missing the period. You should be able to delete all 3 rules without it affecting your site.
projectyourselfgr · Member · Jul 18, 2016 at 11:39 am
Copy link
Thank you very much Halluke!

It is indeed working!
Regarding the last three commands, it was just CSS experimentation (obviously, I am new to it).

Thanks once again!
hallluke · Member · Jul 18, 2016 at 3:36 pm
Copy link
That’s what I thought – everyone starts somewhere!

I just wouldn’t recommend leaving them in on your live site as they may end up having unexpected consequences further on down the line as you add more CSS rules.

No items found.