• Resolved NealFox

    (@nealfox)


    I am only selling one product. All the images look fine except for the one on the shop page.
    It blows up to fill most of the page.

    The individual product image below it looks fine. The Product page looks fine. It’s just the one image on the Shop page.

    I don’t know CSS so please keep it simple.
    Thanks.

    https://www.ads-software.com/plugins/woocommerce/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Please post the url to your site.

    Thread Starter NealFox

    (@nealfox)

    https://www.TheConspiracyProject.org

    Ignore the home page. Not done. Go to the SHOP page.

    One more thing. If I add more products, the images shrink to make room. But since I only have one product I’ll need that SHOP page to look sensible.

    Thanks.

    I tried:
    https://www.theconspiracyproject.org/shop-3/
    but just get the coming soon page.

    Thread Starter NealFox

    (@nealfox)

    Sorry about that. Just brought it online.

    The big image on the shop page is the fusion carousel. Its from your theme and not part of WooCommerce. There may be some settings for it somewhere in Theme Options.

    You could make the height more sensible with this in your custom css:

    .fusion-carousel {height:640px}

    However, if the carousel settings allow it, it would be preferable to put a different letterbox shaped image in there instead of cropping the height of the current image.

    Thread Starter NealFox

    (@nealfox)

    Great. Thanks.

    Thread Starter NealFox

    (@nealfox)

    In the Avada theme I have the Woo Carousel on the page, not an Avada carousel.
    There doesn’t seem to be anything other than that for the SHOP page.

    I checked all the settings for the Woocarousel but there’s no way I can find to customize it for one regular size image.

    I’m sure the CSS is the way to go but I haven’t got a clue how to do that. If it’s easy enough, can you tell me where the code should go?
    Thanks.

    Thread Starter NealFox

    (@nealfox)

    Well, I came up with a way around it.
    I just squashed the carousel into a 1/3 column.
    For now that should do it.

    Thanks.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Image fills the Shop Page – Way Too Big’ is closed to new replies.