Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #290801

    Hey – I thought this would’ve been asked already but I don’t see anything that covers it. How can I make the blog text area widen to the full site width? It seems to stay narrow even when the blog image extends the full width.

    #290822

    Hey kroemer08!

    I think this might be what you are looking for: http://www.kriesi.at/support/topic/how-to-reactive-enfold-downsizing-of-image-in-post-blog/#post-290605

    That will allow you to widen the max size for the blog width on that layout.

    Cheers!
    Devin

    #290832

    Thanks Devin, that helps but when I adjust the pixels with that code it doesn’t adjust the width, it seems to stay at the 800 pixels setting. Also, is there a code I can use to keep the feature image the same width as the width I set for the text? Even if the image is sized smaller, it still stretches to fit the full width of the page.

    #290964

    Hi!

    Thank you for the info.

    The code Devin suggested should increase the width of the entry content container. Do you mind if we take a look at the actual page where you want to apply this? Did you add this code?

    #top .fullsize .template-blog .post .entry-content-wrapper>* {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    }

    Cheers!
    Ismael

    #291063

    Does just adding this to Quick CSS work or should I be adding this elsewhere? I added the code correctly into quick CSS and it still doesn’t seem to work. The image is sized to 800×300 but keeps expanding to the full width of the page, and the text area width doesn’t adjust correctly when I use that code, however it is at the width I’m alright width at 800 wide.

    Here’s a link – http://www.kroemerstudio.com/blog/

    #291260

    Hey!

    Not sure what you mean by it isn’t working. The css is in place it is in fact increasing the container that holds your text to the 800px wide that is in the css.

    The images above the posts can also be reduced with:

    
    #top .fullsize .big-preview.single-big {
        max-width: 800px;
        margin: 0 auto;
    }
    

    Again though, the value of the max-width property is what will not determine the width of the content (on everything except IE8 which doesn’t support any media queries/responsiveness anyway).

    Cheers!
    Devin

    #291267

    Thanks Devin, that helped with the image. What I meant with saying it didn’t seem to work was that when I adjust the pixels in the code to (for example) 900, the text doesn’t adjust to 900, it just stays at 800 wide.

    #291375

    Hi!

    Alright. Sorry about that. You also need to use this:

    #top .fullsize .template-blog .post .entry-content-wrapper {
    text-align: justify;
    max-width: 900px;
    margin: 0 auto;
    }

    Best regards,
    Ismael

    #293454

    Thanks, that worked. Just have one more question – How can I make the feature images on the blog page show true to size? It keeps zooming in and adjusting the dimensions when I upload. I’ve tried several different sizes to see if I could get one showing up correctly. The images show up fine on the single post page. Here’s a link to what I mean – http://djkroemer.com/blog/

    #293521

    Hey!

    Thank you for the update.

    You can increase the magazine thumbnail size using this plugin: https://wordpress.org/plugins/simple-image-sizes/

    Cheers!
    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.