Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 26, 2018 at 7:37 pm #947431
    igaudette

    Hi,

    I want to put my content wider instead of being centered like this is. For my pages, everything is fine, the text takes all the space like you can see on my homepage but for my posts, this is different, the text is centered and the readability is really poor.

    April 27, 2018 at 5:21 am #947613
    Mike

    Hey igaudette,
    Try this code in the General Styling > Quick CSS field:

    #top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { 
max-width: 100%!important; 
}

    Best regards,
    Mike

    April 27, 2018 at 10:24 pm #948205
    igaudette

    This work perfectly! How can I reduce the featured image size? Currently, its shown bigger than the real picture size.

    thanks!

    April 28, 2018 at 1:46 am #948246
    Mike

    Hi,
    The element is tied to the width of the page, so just as the text wants to fill the area, so dose the image.
    I could see the natural width of the image was 850px so I wrote this css to make that the max-width. I was unsure if this change would be for this one page, so this css is for the one page:

    #top.postid-950 .big-preview.single-big {
    max-width: 850px !important; 
    margin: auto !important; 
}

    Use this css for all single posts:

    #top.single-post .big-preview.single-big {
    max-width: 850px !important; 
    margin: auto !important; 
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.