Add text shadow around the Category Title back arrow and dropdown menu

Hi,

I would like to add shadows surrounding the “back arrow button on category title” in PC view and the “drop down arrow + the word Categories on category title” in mobile view.

Concerning the “arrow on category title” I tried below CSS code but it didn’t work:
.woodmart-back-btn {
color: rgb(255 255 255 / 100%) !important;
text-shadow: 0 0 1.5px #000000 , 0 0 1px #808080;
}

For your reference, I have also provide my website link and login information in the private content session.

Please help modify the above CSS code to add shadow on both “arrow on category title” in PC view and the “drop down arrow + the word Categories” in mobile view, thank you.

Hello,

Could you kindly provide the page URL and screen of what you want to change?

Best Regards

Hello,

Thank you for your reply. Please find attached the photos with pink circle where I want to change. The relavent url is in private content.

Best Regards

Attachments:

You must be logged in to view attached files.

Hello,

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

.wd-back-btn>a:before,
.wd-action-btn.wd-style-text>a{
	text-shadow: 0 0 3px #404040, 0 0 3px gray;
}

Best Regards

[Author]

Posts