help please

  • hemingwayscatboutique

    (@hemingwayscatboutique)


    8 years, 9 months ago

    I would like to have my main product images on desktops and laptops display a little larger than on the responsive viewport for my site.
    I am using the following media queries for this but for some reason, when I use them, it messes up the layout of my shopping cart page.
    Could someone please tell me how to achieve this. Thanks,

    @media (min-width: 900px) {
    img.attachment-shop_single.size-shop_single.wp-post-image {
    height: 400px;
    max-width: 400px;
    display: block;
    }

    @media (max-width: 768px) {
    img.attachment-shop_single.size-shop_single.wp-post-image {
    height: 275px;
    max-width: 275px;
    display: block;
    }

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi hemingwayscatboutique,

    We don’t support Custom CSS in the Storefront forums. It does look like img.attachment-shop_thumbnail.size-shop_thumbnail also applies to the Shopping Cart page, so what I would suggest is making that CSS even more specific to just the pages you want it to change. Or you can add CSS rules just for the Shopping Cart page to override that rule.

    Cheers,

    Thread Starter hemingwayscatboutique

    (@hemingwayscatboutique)

    Thank you.. but honestly don’t know how to do that!

    I will check around online and see if something knows how to fix this.

    Hi hemingwayscatboutique,

    If you could share a url on your site, that would really help so we can give specific css targeting.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘help please’ is closed to new replies.