Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 13, 2014 at 5:38 pm #290801
    kroemer08

    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.

    July 13, 2014 at 8:32 pm #290822
    Devin

    Hey kroemer08!

    I think this might be what you are looking for: https://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

    July 13, 2014 at 8:45 pm #290832
    kroemer08

    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.

    July 14, 2014 at 12:17 pm #290964
    Ismael

    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

    July 14, 2014 at 2:36 pm #291063
    kroemer08

    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/

    July 14, 2014 at 9:53 pm #291260
    Devin

    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

    July 14, 2014 at 10:13 pm #291267
    kroemer08

    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.

    July 15, 2014 at 4:30 am #291375
    Ismael

    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

    July 19, 2014 at 8:56 pm #293454
    kroemer08

    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/

    July 20, 2014 at 5:56 am #293521
    Ismael

    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

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