Return to previous page

Drop shadows on these items that I have circled…

This topic has 4 replies, 2 voices, and was last updated 2 years, 1 months ago ago by Tony Rodriguez

Allan Morrow

Participant

September 29, 2022 at 08:14

Is there a way to add drop shadows to the circled items on this image please?

https://capture.dropbox.com/ufPvNt0yKuJY6UMF

#335355 Copied Theme version: 8.3.3

3 Answers
Tony Rodriguez

Support staff

September 29, 2022 at 10:35
Hello, @Allan Morrow,

To add the drop shadow navigate to the Dashboard >> XSTORE >> Theme Options >> Theme Custom CSS >> Global CSS and then paste the below code at the bottom of the CSS box.
```
.et_b_header-wishlist.et_element-top-level>a{box-shadow:1px 2px 0px 0px silver !important;}
.et_b_header-account.et_element-top-level>a{box-shadow:1px 2px 0px 0px silver !important;}
.content-product .product-content-image{box-shadow:1px 2px 0px 0px silver !important;}
.content-product .product-details .button{box-shadow:1px 2px 0px 0px silver !important;}
```
Then save settings and check back to your site after clearing the browser cache.

The result will appear like this: https://postimg.cc/bsY4W3Rb

Note: In the above code the word “silver” is the color you can change it with the color you want.

Regards 8Themes Team.
#335373 Copied
Allan Morrow

Participant

September 29, 2022 at 23:06

Thank you. Is there a way to change the opacity of the drop shadow?

#335433 Copied

Tony Rodriguez

Support staff

September 30, 2022 at 06:04

Hello, @Allan Morrow,

Actually, Yes, you can set the opacity in the box shadow but for this, you have to change the box shadow color code. As you can see in this example: https://stackoverflow.com/questions/5458716/is-it-possible-to-set-transparency-in-css3-box-shadow the color code in the box shadow is set using the “rgba” CSS code. By applying the same method in the CSS code that I shared with you in my previous reply. You can set it as per your requirements.

Regards 8Themes Team.

#335444 Copied
Tagged: best selling woocommerce themes, circled items, drop shadows, persuasive writing, seo friendly
Viewing 4 results - 1 through 4 (of 4 total)