Home Forums Art WordPress Theme Articles in the Shop section not appearing properly

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #18773
    chjavata
    Participant
    Purchased

    Hello,
    When I open my shop (https://chjavata.com/shop/). It doesn’t display it properly.
    All of the articles seem very tiny.
    How can we make it look like a gallery (one shirt at a time) on a mobile phone?

    Many thanks!

    #18774
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Please paste the custom CS code to “Appearance > Customize: Additional CSS”:

    @media(max-width:767px) {
     .responsive-ux.woocommerce.archive .product-item { width: 100% !important;}
    }
    @media(max-width:480px) {
     .responsive-ux.woocommerce.archive .product-item { width: 100% !important;}
    }

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #18781
    chjavata
    Participant
    Purchased

    Thank you very much.
    One last question: how can I make the shirt image looks a bit more visible while still showing the price when hovering on the image? At the moment it removes the image completely and shows the price.

    #18784
    SeaTheme
    Keymaster
    Purchased

    Welcome!

    It is possible to show all text including title, price, add-to-cart. Please paste the custom CS code to “Appearance > Customize: Additional CSS”:

    .product-caption {
    opacity: 1;
    background-color: transparent;
    }

    Regards

    #18789
    chjavata
    Participant
    Purchased

    this is good but i’d like to get this whenever i hover on the image (pass the mouth on the image)? How can i do?

    #18793
    SeaTheme
    Keymaster
    Purchased

    Hi,

    I am not sure that if understand your question. Could you give more tips? Thanks.
    Did you mean to show the price only when mouseover?

    Regards

    #18796
    chjavata
    Participant
    Purchased

    Yes i’d like to show all information as it is right now but only when mouseover (but still showing the shirt in the background with some more transparency)

    #18804
    SeaTheme
    Keymaster
    Purchased

    I don’t understand this question still.
    Could you please paste some images to explain your needs(or send to uiueux@gmail.com)? Thanks!

    #18807
    chjavata
    Participant
    Purchased

    So when you see the image, it shows only the shirt.
    When you mouseover, you see both the shirt + description (however the shirt is a bit more transparent than the original image when you don’t mouseover it – so that you can see the text better)
    When you remove the mouseover, it goes back to the original image where you can only see the shirt

    #18809
    SeaTheme
    Keymaster
    Purchased

    Please go to “Appearance > Customize: Additional CSS”:
    Remove the custom CSS:

    .product-caption {
    opacity: 1;
    background-color: transparent;
    }

    Add the custom CSS:

    .product-caption { 
        background-color: rgba(255,255,255, 0.7);
    }
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!