Changing Width for Posts in Gazette

  • Unknown's avatar
    kicktv1 · Member ·

    Hello,

    Looking to make the width for posts closer to the 870 that is the main column width. The current width of 540 leaves too much dead space. Any help on this would be appreciated.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi @kicktv1, I’m not seeing Gazette on the site you referenced, but looking at a post on the Gazette demo site, we would have a couple of options.

    First would be to add the following CSS, which sets the width of the content and the meta data that is currently to the left of the content to 100% (content was 75%). This puts the stuff that was at the left down below the content. 

    .single .entry-content, .single .entry-footer {
    width: 100%;
}

    The second option, which probably would not be good, would be to hide the stuff on the left. This would also had sharing buttons, but not likely something you would want to do. 

    .single .entry-content {
    width: 100%;
}
.single .entry-footer {
    display: none;
}
  • Unknown's avatar
    kicktv1 · Member ·

    Thanks for the response @thesacredpath. I’m afraid I wasn’t clear in my first post so I apologize. I’m looking to make these changes to the width for posts on the home page. Specifically to the content that sits below the featured articles. That way there is less empty space down there.

    Is there any way to do that?

    Ive reassigned Gazette to my site if you want to take a look. Thanks again

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, that really isn’t going to be possible. The maximum width of the overall front page content area (with a very wide browser setting is around 1260px. The width of the images and content in those three blocks are set by the theme software and if you narrow your browser window you will see that the theme adjusts the width of the images as the window is narrowed. There is some margins set between the blocks, but all we would do by reducing those would be to reduce the spacing between the blocks, not the width of the blocks.

    We could increase the margins between them to spread them out further, but I don’t think that is what you are looking for.

    With Responsive width themes such as Gazette, where you have layouts like this for a main page, are very difficult to modify and have everything work on all screen/browser window widths.

  • The topic ‘Changing Width for Posts in Gazette’ is closed to new replies.