Blog post with sidebar – margins off?

  • Posted in : Read WP
  • cpthatsme
    Participant

    Hi there,

    If you take a look at my site, I have enabled the blog to be without sidebars. However, if you click on a blog post, it take you to the blog post which now has a sidebar. I like this function, but I do not like that the margins appear to be off with the blogpost layout that has the sidebar. I want to be able to have it look centered. any ideas?

    http://letterpaint.com/2014/01/31/test/

    Mehmet S.
    Keymaster

    Hi, did you have any code in your theme options > custom css field?

    cpthatsme
    Participant

    Hey Mehmet!

    This is the custom code I have added. It looks like I got it figured out, but if you could just look over it to make sure?

    .site-description { font-size: 12pt; }
    .site-description { font-family: basic; }
    .main-navigation { font-size: 15pt; }
    body.page .site-header { padding-bottom: 0px; }
    body.page .entry-header { display: none; }

    .site-header hgroup {
    padding-bottom: 0;
    }
    .site-description {
    display: none;
    }
    h1.site-title {
    margin-bottom: 0;
    line-height: 1;
    }
    h1.site-title a {
    border-bottom: 0;
    }

    body.blog .blog-posts .entry-title { font-size: 25pt; }

    body.single article .entry-header h1 { font-size: 25pt; }

    #secondary h3.widget-title { font-size: 20pt; }

    body.blog .blog-posts { font-size: 12pt; }
    body.single article { font-size: 12pt; }

    body.single article .entry-meta {
    padding: 0em 0 0px 8em;
    }

    body.single article .entry-content {
    padding: .250em 0 20px 8em;
    }

    body.single article .entry-header, .post entry-title {
    text-align: left;}

    body.single article .entry-header {
    padding: .250em 0 0px 8em;
    }

    This seems to align it where I want it, but the single article page (with sidebar) is jumping into place when I use google chrome and Eexplorer. With firefox it’s fine…any ideas?

    ahmetsali
    Keymaster

    Hi, try adding this custom css;

    .blog-with-sidebar .hentry {
        text-align: center;
    }
    .blog-with-sidebar .hentry .entry-header {
        text-align: center;
    }
    
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register