Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1072623
    andrew m
    Participant

    Hi,

    I’m having issue getting all of the images in the shop to be uniform size.

    I’m aware that X theme took out the product sizing options in woo-commerce, so in the function.php I added back the woo-commerce shop image sizing and nothing seems to of changed other than the options actually being there.

    So I went to look at another forum to make see if there’s CSS to manipulate it.

    https://community.theme.co/forums/topic/shop-and-featured-image-thumbnails-same-height/ I followed the instructions with the CSS of this forum post, it’s so very close to being fine but the images are now cropped to about 25% of their image.

    I’m now kind of stuck on what to do in terms of getting the web shop correct with it’s images.

    Attached screen shot of current store issue with CSS on left.

    website: wc66shop.org
    wordpress version: 4.5.3-en_GB
    X-Theme version: 4.5.2
    Cornerstone plug-in version: 1.2.4

    Thanks,

    #1072637
    Christian
    Moderator

    Hey Andrew,

    I checked your shop page and images display fully. Have you resolved the issue?

    Thanks.

    #1072678
    andrew m
    Participant

    The version I was working on hadn’t been published as they were quite messy as you could see in the screen shot.

    I’ve published it so you can see the full extent of the issue.

    Thanks

    #1072714
    Christopher
    Moderator

    Hi there,

    Please update your CSS to :

    @media (min-width: 760px){
    .archive .entry-product .entry-featured a {
        height: 274px;
        overflow: hidden;
    }
    }

    Hope that helps.

    #1072736
    andrew m
    Participant

    Yes that’s sorted it.

    Thank you very much! 🙂

    #1072765
    Christopher
    Moderator

    You’re welcome.

  • <script> jQuery(function($){ $("#no-reply-1072623 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>