Customize category style

Hello, I hope all is well with you and your family.
I’m Ahmad. I want your another help to solve my website design problem.

I want to change categories style in my website home page. I use category style no 4 (please see the attached file) 16.png
But, I want to change some custom design. like: Font size will be 10 px; text position (Alignment) will be center bottom. Please check 17.png
Please help me…

Regards
Ahmad

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme settings > Custom CSS:

div.cat-design-center .hover-mask {
    top: auto;
    bottom: -40px;
}
body.category-grid-item .category-title {
    font-size: 10px;
}

Best Regards

Text position working but, font size not work. please check it out.

I want to decrease the categories title font size. And this section will be hidden in mobile devices.

Please help me…

Hello,

I have corrected the code and the issue has been fixed. If you change the font-size, change also the this rule bottom: -40px; Now I have set -20.

Best Regrds

Thanks, It’s working. But, I want to use the background color in this text area.there are a problem, the text background color width not adjust width 100%; I want remove padding area from 2 sided.

Attachments:

You must be logged in to view attached files.

Hello,

I do not see the categories on screen on the home page, please provide page URL

Best Regards

It was in the hidden mode. please check it now…

Thanks
Ahmad

Oh good new, it’s solved.

Thanks
Ahmad

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts