Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 3, 2020 at 4:23 pm #1180971
    Fibou

    Hi guys,

    how can i change the round image of the product list to a square image?
    Have already searched vainly in the forum and tried it by my own.
    I already found out how to change the size and hide the price in quick CSS with:
    .av-catalogue-price { display: none !important; }

    .av-catalogue-list img {
    width: 50px !important;}

    But this one seems not that easy..

    Thanks in advance!

    Best regards,
    Max

    February 3, 2020 at 4:45 pm #1180990
    Yigit

    Hey Max,

    Thanks for contacting us!

    Could you please post a link to your page and point out the images so we can make sure to provide you an accurate solution? :)

    Regards,
    Yigit

    February 3, 2020 at 11:38 pm #1181092
    Fibou

    Hey Yigit,

    Sure :)
    Please have a look at the main page at the top on the right side.
    The product list under -Most Popular-

    Also if you visit any product. You will see the round images on the side preview links where you can switch directly to next product.

    Thanks in advance!
    Regards,
    Max

    February 4, 2020 at 12:15 am #1181103
    Yigit

    Hi,

    Could you please post username as well? :)

    Best regards,
    Yigit

    February 4, 2020 at 9:15 am #1181188
    Fibou
    This reply has been marked as private.
    February 4, 2020 at 12:01 pm #1181233
    Yigit

    Hi,

    I added following code to bottom of Quick CSS field

    .avia-post-nav .entry-image img {
    border-radius: 0;
}

    Please review your website :)

    Best regards,
    Yigit

    February 4, 2020 at 2:53 pm #1181286
    Fibou

    Hi Yigit,

    Works great on the side preview links directly in the product pages :)
    Is it possible to get this effect also on the product list at the main page?

    (Cleared the cache already and also gave it a hard refresh) still round ..

    Thanks in advance,
    Max

    February 4, 2020 at 3:15 pm #1181296
    Yigit

    Hi Max,

    I changed the code to following one

    .av-catalogue-image, .avia-post-nav .entry-image img {
    border-radius: 0;
}

    Please review your website :)

    Cheers!
    Yigit

    February 4, 2020 at 4:00 pm #1181324
    Fibou

    Hi Yigit,

    Works fine.
    Thanks a lot! :)

    Cheers!
    Max

    February 4, 2020 at 4:12 pm #1181335
    Yigit

    Hi,

    You are welcome, glad we could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘How to make round images in product list to square?’ is closed to new replies.