Resizing Image Settings

  • Unknown's avatar

    How can I adjust my image settings on the Gigawatt theme so that my photos appear larger in my theme? Vertical photos are nice and large, but horizontal photos are quite small. Please have a look at the link to see an example. http://loveandlentils.com/2014/02/22/banana-nut-crumb-muffins/
    Thanks!
    Sophia

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

  • Unknown's avatar

    Hi Sophia!

    So, looking at the post, I see that because of the width of the post section is 560 px, so all of your horizontal images can be that width at the maximum. However, we can increase the width of the main content and widen the width of your posts. Just note this will not perfectly align your images as they were before via editing the CSS.

    Try adding this to the top of your CSS editor:

    div#page {
    	width: 1200px;
    }
    
    header#masthead {
    	margin-left: 0;
    	margin-right: 0;
    	width: 1200px;
    }
    
    #header-image {
           position: absolute;
           top: 0px;
           left: 135px;
    }
    
    div#main {
    	width: 1200px;
    }
    
    div#content {
    	max-width: 800px;
    }

    So what will happen is the max width of your horizontal images will be shown, but it won’t be aligned like this:

    Feel free to reach out if you have any questions!

  • Unknown's avatar

    This worked perfectly! Thank you so much for your help. Is there a way to resize all my photos to 130% without going in to each one and editing it?
    Thanks again
    Sophia

  • Unknown's avatar

    Hi Sophia,

    Ah. Unfortunately, that can only be changed by going to each one. = Sorry for the inconvenience, but there wouldn’t be a way to automate that.

  • Unknown's avatar

    That’s okay. I’m glad we were able to resolve the more important issue. Thanks for your help!

  • Unknown's avatar

    You’re very welcome!

    Cheers!

  • The topic ‘Resizing Image Settings’ is closed to new replies.