CATEGORIES BANNER OPACITY

Hi support!

My shop once someone click on the shop to visit our shop page it shows categories banners instead of products because this is how i want it to be.

But what i want is to increase the dark opacity to make the letters that are above the banner more visible, screenshot attached to understand thanks!

For example the text of the banner NEW & USED Forklift Trucks is not well visible so if we make the dark opacity bigger is going to become darker and is going to be more visible

Attachments:

You must be logged in to view attached files.

Hello,

Go to Theme Setting > Product Archive > Categories Styles > Categories design. Choose the alternative or replace title design.

Best Regards.

But the alternatives have similar issues in visibility, that why i want to increase the dark opacity

Hello,

Try to add the following Code in Theme Setting > Custom CSS > Global Custom CSS.

.category-grid-item .category-link {
background-color: rgb(39 77 135 / 50%); /* Black background with opacity */
}

Change the code as per your requirements.

Best Regards.

Good morning thanks for the code!

The provided code changes also the title colour, please check the attached screenshot that showcase the issue.

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the wp logins details of your site? I will check and give you a possible solution.

Best Regards.

Yeah you can find them bellow in the extra information that is visible only to moderators

Hello,

I have visited your site and selected the categories styles “Replace Title design”.Now it is showing fine.

Best Regards.

Thanks for your immediate action!

May i know the exact custom css you used this time to achieve this?

Thanks for your immediate action!

(1) May i know the exact custom css you used this time to achieve this?

(2) How i can enlarge the Titles font size?

Hello,

I have not used Custom CSS code . This is the Theme options of categories design.
Go to Theme Settings > Typography > Advanced > Choose the category title from drop down and customize the font.

Screenshot for clarification:
https://ibb.co/C0Bm2Ss

Best Regards.

[Author]

Posts