Header Search Image Size too small - by Branden.sheehy

This topic has 4 replies, 2 voices, and was last updated 7 years ago ago by Rose Tyler

  • Avatar: Branden.sheehy
    Branden.sheehy
    Participant
    December 13, 2017 at 05:00

    How do I change the header search product/featured images during the preview, they are too small to fully see my products.

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 13, 2017 at 09:12

    Hello,

    Thanks for the topic.
    At first, I would recommend you to change images settings for all products. Please read this article https://docs.woocommerce.com/document/fixing-blurry-product-images/ To change the size of the product images go to WooCommerce > Settings > Product > Display > Image settings and don’t forget to regenerate thumbnails after changes(use Regenerate thumbnails plugin).
    Feel free to ask if you have any questions.

    Regards

    Avatar: Branden.sheehy
    Branden.sheehy
    Participant
    December 16, 2017 at 00:44

    These are not the images I am referring too. Im referring to the preview on the AJAX search, you can follow the image below to see what i am referring too.

    image of the image size I would like to change

    Thank you,
    Branden

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 18, 2017 at 12:47

    Hello,

    Sorry for the delay due to the weekends.
    Please try to add this code in Theme Options > Styling > Custom css:

    .product-ajax-list img {
        max-width: 8rem;
    }

    http://prntscr.com/hp0sd5

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.