Home>Support>How to change the sizes of my images?

How to change the sizes of my images?

Hey, I`d like to change the size of the images of my products. All of them are in my shop. I treid several different ways, but none of them were a success. I hope someone could help me.

URL: http://www.geschenkedienst24.de

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Tobias

    Have you had a chance to go over this guide below?

    http://docs.woothemes.com/document/using-the-appropriate-product-image-dimensions/

  2. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Additionally you might find the following two plugins helpful:

    https://wordpress.org/plugins/simple-image-sizes/
    https://wordpress.org/plugins/regenerate-thumbnails/

    Use the first one carefully.

  3. 9 years, 11 months ago Samwer Frederick

    I tried it with both plugins, but I cannot enlarge the cataloge images.
    The problem is, if someone goes to the shop page the catalog pictures are so small, could I enölarge them generally?

  4. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Ok got you. The first link I provided, the overview from WooCommerce is the important one so please go over that if you haven’t already.

    On this page: http://www.geschenkedienst24.de/shop/ there is a space shortage. Try inserting the following under Appearance > Custom CSS to resolve:

    /* WooCommerce Container */
    body.responsive.layout-full #page-wrapper .full-container {
    max-width: 1080px;
    }
    
  5. 9 years, 11 months ago Samwer Frederick

    Okay thank you. That would work, but I changed the “max-width: 1080px” to 750px, so that I could centralized my menu. I guess there is no other option to change it? If not I can live with it, because a centralized menu is more important for me.

  6. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    I’m not sure that was a necessary selector in centering your menu. From what I recall we added the following to Appearance > Custom CSS:

    .main-navigation {
    max-width: 1080px;
    margin: auto;
    }
    
  7. 9 years, 11 months ago Samwer Frederick

    Hey.
    So we centralized the Menu with ” body.responsive.layout-full #page-wrapper .full-container {
    max-width: 775px;
    }

    And to cut the edges of the menu we used
    .main-navigation {
    max-width: 1080px;
    margin: auto;
    }

    If I remove the first code my menu moves to the left again.
    So I guess there is no way that I can hold my menu and at the same time to enlarge the picture on my shop page?
    Greetings Toby

  8. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Thanks for the feedback.

    Please can you try it using the following under Appearance > Custom CSS:

    .main-navigation {
    max-width: 1080px;
    margin: auto;
    }
    

    1080px can be changed to any figure, but 1080px is the width of the site body. Sorry if I’m going back on earlier work but when testing locally I can center and cut the menu using only the selector above.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More