Is it possible to change the left margin?

artusartos · Member · Feb 22, 2015 at 12:43 pm
Copy link

Add topic to favorites
I don’t like how the left margin is too big (for instance on the home page). It doesn’t look symmetrical, so I was wondering if I could change that. I don’t have a problem with the posts, but the pages don’t look well.

If you look at my posts (for example here https://zehrarisalet.wordpress.com/2015/02/20/the-second-station-of-the-fourteenth-flash-part-4/ ), you will see “February 20, 2015 Edit” on the very left. This is where I want the left margin begin on the pages (not posts…I don’t have a problem with the posts). Is it possible to do that?

Thanks in advance

The blog I need help with is: (visible only to logged in users)
artusartos · Member · Feb 22, 2015 at 12:51 pm
Copy link
Or as an alternative…is it possible to move the location of the text so that the margin on the left side is the same as the space between the text and the sidebar?
thesacredpath · Member · Feb 26, 2015 at 8:11 pm
Copy link
That space on the left is for the post meta data. We can adjust that though by targeting static pages using the page body class, which is declared in the opening body tag in static pages. The following adjusts the left padding on the content area of pages and then widens the content area by that same amount.
```
.page .content-wrapper {
    padding-left: 60px;
}
.page .content-wrapper .content-area {
    width: 761px;
}
```
artusartos · Member · Feb 27, 2015 at 10:08 am
Copy link
Thanks ;)
thesacredpath · Member · Feb 27, 2015 at 9:19 pm
Copy link
You are welcome.
artusartos · Member · Mar 29, 2015 at 1:00 am
Copy link
The solution you gave works really well on my laptop. However, I just noticed that it doesn’t appear like that on my iphone. Only half the text is visible and the writing is too small. It does not adapt to the size of the iphone. Is there a solution to that?
thesacredpath · Member · Mar 31, 2015 at 12:25 am
Copy link
Oops, let’s modify that and use the following instead which sets a max width of 761px with a width of 100% so that it will flow correct on smaller screens.
```
.page .content-wrapper {
    padding-left: 60px;
}
.page .content-wrapper .content-area {
    width: 100%;
    max-width: 761px;
}
```
artusartos · Member · Mar 31, 2015 at 8:19 am
Copy link
Thanks, that works better :)
thesacredpath · Member · Mar 31, 2015 at 6:12 pm
Copy link
You are welcome.
ceciliagroglopo · Member · Mar 31, 2015 at 6:29 pm
Copy link
Hi,

I have the same problem. I’m trying to put this code in to CSS Stylesheet Editor but it dosen’t work. In the comments at the top of the stylesheet it says: your rules can take precedence and override the theme CSS rules. But it dosen’t seem to be working.
Is it possible to fix?

Thanks in advance!
ceciliagroglopo · Member · Mar 31, 2015 at 6:47 pm
Copy link
Ops! Sorry.. It’s not the same problem.

The problem is that the first page has a sidebar which pushes the text to the left. On the other pages there is no sidebar which keeps the text centered on the page.

My problem is that it looks bad when the text is not alined with the menu. The look on the page changes a lot from the homepage with the blog to the other pages.

Is it possible to have an other sidebar on the other pages as well?

This is the site.
http://www.antirasistiskaakademin.se
thesacredpath · Member · Mar 31, 2015 at 10:19 pm
Copy link
Hi @ceciliahr, you are using a different theme and CSS is theme specific, so the CSS for one theme will very seldom work on another theme. In addition, you are using WordPress but you are not hosted here at WordPress.com. Your site is self-hosted using the software from WordPress.org. There is a volunteer-based Duster Theme Support Forum at WordPress.org for self-hosted users of Duster where you can post for help. They should be able to help you add sidebars to your other pages.

For general questions on self-hosted WordPress.org installations, visit http://wordpress.org/support/.

The differences between WordPress.com and WordPress.org.

No items found.