Return to previous page

Header Search Image Size too small - by Branden.sheehy

This topic has 4 replies, 2 voices, and was last updated 6 years, 11 months 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.

    #179982 Copied
    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

    #179998 Copied
    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

    #180262 Copied
    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

    #180328 Copied

  • Tagged: , , , ,

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

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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Landing Watch – WordPress WooCommerce Theme
lazy-placeholder
WooPress – WooCommerce WordPress Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
Headphone Store – WordPress WooCommerce Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Cocktails Store – WordPress WooCommerce Theme

See All Templates

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