Blurry - by burneyrubber - on WordPress WooCommerce support

This topic has 13 replies, 2 voices, and was last updated 7 years, 7 months ago ago by Eva Kemp

  • Avatar: burneyrubber
    burneyrubber
    Participant
    September 17, 2016 at 16:35

    Hi
    can you please tell me what and how i need to set image sizes within the theme to stop them being blurry.
    i am uploading all images at 400x400pix

    please see link for example of the blurry image.
    when the mouse rolls over it shows a smaller image that looks fine and what i would like is the image to be shown smaller when the mouse rolls over id like it to be bigger not the other way round as it is at the moment.

    thank you

    Please, contact administrator
    for this information.
    12 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    September 19, 2016 at 08:13

    Hello,

    You need upload images with high resolution, approximate sizes are 2,160px × 2,349px.

    Regards,
    Eva Kemp.

    Avatar: burneyrubber
    burneyrubber
    Participant
    September 19, 2016 at 14:25

    ????

    2,160 px ???
    as in 2160 pixels? thats massive!! im not trying to view it on a 4k tv.

    that cant be right,i upload to ebay at 400×400 and the images are crisp

    Avatar: Eva
    Eva Kemp
    Support staff
    September 19, 2016 at 14:36

    Hello,

    400×400 are small sizes for zoom effect, try to upload images with sizes at least 600px.
    Or disable zooming in Theme Options.

    Regards,
    Eva Kemp.

    Avatar: burneyrubber
    burneyrubber
    Participant
    September 19, 2016 at 14:47

    the zoom looks fine its the actual product picture that looks blurry
    please check link

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    September 19, 2016 at 15:27

    Hello,

    This is because of small sizes of the image. If you disable zooming you’ll see proper picture.
    If you want to keep zoom effect you need upload the image in higher resolution.

    Regards,
    Eva Kemp.

    Avatar: burneyrubber
    burneyrubber
    Participant
    September 19, 2016 at 15:48

    that does look better thanks

    so what are the themes setting for image sizes (whats recommended for the best results) and where can i find them.

    thank you

    Avatar: Eva
    Eva Kemp
    Support staff
    September 19, 2016 at 15:53

    Hello,

    On our demo we use images with sizes 2,160px × 2,349px, but in your case they should be at least 600px.

    Regards,
    Eva Kemp.

    Avatar: burneyrubber
    burneyrubber
    Participant
    September 19, 2016 at 16:28

    ok thanks for the reply.
    i just have 2 other small issues both on my main page (see link)

    first of all the drop down menus at the top are unusable becaus of the contact us link ,if you try the graphics drop don menu you will see you cant select it as you have to cross the contact us which cancels it out so how can i sort this out.

    secondly id like to get rid of all the product description text on that main page as it looks messy and not aligned but keep the price and add to cart buttons.
    thank you.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    September 19, 2016 at 16:50

    Hello,

    Please add this code in custom.css file:

    .main-nav .menu > li .nav-sublist-dropdown {
       top: auto;
    }

    Regards,
    Eva Kemp.

    Avatar: burneyrubber
    burneyrubber
    Participant
    September 19, 2016 at 17:44

    it`s still the same after adding that to the custom.css
    if i could just move the contact us inline with everything else rather than it being on its own line that would be better

    thank you.

    Avatar: burneyrubber
    burneyrubber
    Participant
    September 19, 2016 at 18:03

    i found the problem,it was being minified.

    but i still want to remove the text from the featured and new arrivals on the home page,i just want the picture and price.

    thank you

    Avatar: Eva
    Eva Kemp
    Support staff
    September 19, 2016 at 19:07

    Hello,

    Do you mean you want to remove product title?
    In this case add the code below in custom.css file:

    .slide-item .product .product-name {
       display: none;
    }

    Regards,
    Eva Kemp.

  • Viewing 13 results - 1 through 13 (of 13 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.