Re: Home Page Categories

Hello =)

Great theme! Just wondering if I can add a shadow overlay on the categories? I am using the demo content from the home categories. I did go to theme settings -shop categories – styles and selected a different option which has a shadow overlay, but nothing changed.

Thanks in advance!

Hello,

Thank you very much for choosing our theme and for warm feedback.

Please clarify you want the shadow on all the blocks of categories or fro each individual? You see there is no space enough for individual shadow. You would better increase the gap.

Best Regards

Hello =) Thanks for your EXTREMELY prompt response. I am sorry, I think the proper term is a gradient overlay on each individual box, it looks that way in the options in the theme as well, but maybe it controls a different section? For example if you go to (theme settings -shop – categories styles – Choose one of those designs for categories). In this section it shows 4 boxes and the last two seem to have a gradient overlay, that is what I am referring to. It is like a gradient of black or gray maybe at 85% opacity. (You have a feature similar on the promo banner) If this does not control the categories, is it possible to do something like this? Here is a grid that has something similar https://essential.themepunch.com/template_library/monroe-blog-post-gallery-for-wordpress/. I just want to see if it looks better, maybe the way it is, will be perfect. Is essential grid plugin compatible with your theme? Thanks a million!

If it is not possible, I can just add it on photoshop, then reupload the images. Where do I go to change the color of the title in the categories please? =) Thanks again!

Hello,

Do you mean these styles: https://gyazo.com/eddb7227998780eb61157dc685af7d60

If so, you can set the appropriate design to get it: https://prnt.sc/rn17yk just in the Product category element.

Best Regards

Hello,

Thank you, I did enable it, but is there a way to have a gradient overlay in idle mode slightly lighter than when on hover? Also, how can I change the color box in the title area? Thanks again! =)

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .cat-design-replace-title .wrapp-category:before {
    background-color: red;
    opacity: .1;
}

 body .cat-design-replace-title:hover .wrapp-category:before {
    opacity: .1;
}

Set the gradient and change the opacity as per your needs.

In order to change the title background:

body  .cat-design-replace-title .category-title {
background:yellow;
}

Best Regards

[Author]

Posts