Shop page not displaying category images correctly

This topic has 12 replies, 3 voices, and was last updated 8 years, 2 months ago ago by Eva Kemp

  • Avatar: Tamara
    Tamara
    Participant
    January 20, 2016 at 15:01

    Hi if you go to my shop page http://www.curvcouture.com/shop you will see that there are currently 5 category images displaying, however you will notice that one of them isn’t displaying after the previous one and looks misplaced. All of the products are displaying fine, it is only here where the categories are. HELP! 🙂

    11 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    January 20, 2016 at 15:31

    Hello,

    Please try to add this code in Theme Options->Custom CSS->Global Custom CSS

    .row-count-4 .product:nth-child(4n+1){
        clear: none !important;
    }

    Regards,
    Robert Hall.

    Avatar: Tamara
    Tamara
    Participant
    January 20, 2016 at 15:35

    Hi there, just before I try this code I just want to clarify that it will remain as 3 rows for the category display and 4 rows for the product display. I just want the categories to appear after one an other as there will be 6 categories in total once I’ve finished uploading the products.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    January 20, 2016 at 15:39

    Did you tried to add my code?
    If you’ll have the problem with product view then provide us with wp-admin access in Private Content.

    Regards,
    Robert Hall.

    Avatar: Tamara
    Tamara
    Participant
    January 20, 2016 at 18:44

    Yes I added the code so now the product categories are displaying together but i noticed the products are having a problem now with lots of spaces. Refer to http://curvcouture.com/product-category/dresses/. This problem is happening in all categories now.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    January 20, 2016 at 18:51

    Please provide us with wp-admin access in Private Content to check this issue more deeply.

    Regards,
    Robert Hall.

    Avatar: Tamara
    Tamara
    Participant
    January 20, 2016 at 23:06

    Please see private content

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    January 21, 2016 at 10:05

    Hello,

    You’re using old theme version. Please update the theme and check it.
    Before update delete “woocommerce” folder in the directory wp-content/themes/royal/ and it’ll be reuploaded from a new theme package.

    Don’t forget to make backup of the site before update.

    Here is video tutorial how to update theme.
    https://www.youtube.com/watch?v=KdWESIIPU1k
    (it’s for Legenda theme but the process is the same).

    Regards,
    Robert Hall.

    Avatar: Tamara
    Tamara
    Participant
    January 22, 2016 at 06:37

    Hi I’m sorry but I’m having alot of trouble doing this as I am not a web developer and I don’t have one either. Is there a chance if I gave you my cpanel details that you could assist me with this? I need to launch my website ASAP but can’t until this issue is fixed.

    Please see private message.

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    January 22, 2016 at 14:51

    Hello,

    I’ve updated theme for you and added this code in Global Custom CSS. Please check.

    .products-grid .product-category.product:nth-child(4n+1){
        clear: none !important;
    }

    Regards,
    Robert Hall.

    Avatar: Tamara
    Tamara
    Participant
    January 24, 2016 at 10:56

    Hi There,

    Thank you so much for that. Everything was fine since the update however I just added an extra product category and now the same thing is happening on the shop page http://www.curvcouture.com/shop

    The website is now live so I am really needing this issue fixed as soon as possible. Thank you so much.

    Avatar: Eva
    Eva Kemp
    Support staff
    January 25, 2016 at 14:08

    Hello,

    Add this code in Theme Options > Custom CSS > Custom CSS for desktop:

    .product-category {
        height: 400px;
    }

    Regards,
    Eva Kemp.

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