Is it possible to change the left margin?

  • Author
    Posts
  • #2281183

    artusartos
    Member

    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 zehrarisalet.wordpress.com.

    #2281268

    artusartos
    Member

    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?

    #2281402

    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;
    }

    #2281404

    artusartos
    Member

    Thanks ;)

    #2281407

    You are welcome.

    #2281415

    artusartos
    Member

    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?

    #2281416

    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;
    }

    #2281417

    artusartos
    Member

    Thanks, that works better :)

    #2281418

    You are welcome.

    #2281419

    ceciliahr
    Member

    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!

    #2281420

    ceciliahr
    Member

    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

    #2281421

    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.

The topic ‘Is it possible to change the left margin?’ is closed to new replies.