Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1979426
Change position of product category name and total items
Closed

Comments

  • PatrickGamboa started the conversation

    Hello!

    So in the back-end, when you set the product category on a page, on the front-end, you can see the name of the product category, and the total amount of items based on that category, I just wanna display image of the category, but how do you move the name of the product category, and the total amount of items (that is hovering over the product category image), below the square image of the product category? Basically I don't want any texts and number of items hovering over the product catetgory images, and rather move them below the product image, how can this be done in the settings?


    Thanks



  •  7,095
    Oliver replied

    Hi,

    pls. add few screenshots to describe what you need t archive in details. 

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • PatrickGamboa replied

    Hi Gregor,

    Sorry for the late reply as I was busy with my other regular 9 to 5 work. So getting back to my question here, I've attached a screenshot of what I am discussing. Basically I am having difficulties finding the settings to remove that Product Category and total amount of Product Category items hovering over the product category images, but yea basically I wanna move it and just put it at the bottom of each Product Category images, but don't know how to do this, and yea was hoping to know if there is an actual solution for this? I believe the only focus of my question here is that I wanna display the total amount of items, per product categories, and display them in a text box, but just wanted to check with you on this part if there is a way to display them (and updates as you add/remove the product related to those categories)

    I wasn't too sure yet regarding the individual paid service, as I wanted to first see if there can be a way to display that total items per product categories

    Thanks Gregor (ill have a few more questions on other topics)

  •  7,095
    Oliver replied

    Hi,

    pls. provide the wp-admin access and give me screenshots how it should look like in the end.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • PatrickGamboa replied

    Hi Gregor,


    Thank you very much, so it's the access is:

    Bemontlift.com/wp-admin

    Login: thegem

    Password: TheGem1


    Here is the screenshot image I attached, basically instead of the product categories names and total items for each product categories hovering over the image of the product category, I just want to display them at the bottom of the image, as I designed a draft of it in the image attached, hope this can work out, as my client just wants it very simple, but I couldn't find the settings or code to display it at the bottom,


    Thank you Gregor


    Patrick

  •  7,095

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • PatrickGamboa replied

    hi Gregor,

    Sorry for that link, it’s

    belmontlift.com/wp-admin


    Thanks!


    Patrick

  •  7,095
    Oliver replied

    HI!

    pls. use following css:

    .category-overlay {
        bottom: 0;
        background-color: #000 !important;
        color: #fff !important;
    }
    .products .product-category .category-title {
        color: #ccc;
    }
    .category-overlay-separator {
        background: #eee !important;
    }

     

    6707465710.png

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • PatrickGamboa replied

    Hi Gregor,


    thank you for the code! I tested it on my end, but it seems thee overlay still stayed in the same position on top of the product image (client-1.png), as you can see the overlay in black, I was wondering if there is a way to move the position below and off the product category image?


    thanks!

    patrick

  •  7,095
    Oliver replied

    Hi,

    Add this one:

    .products .category-overlay {
        bottom: 0 !important;
    }
    

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver