Return to previous page

Shadom effect on home Main Banner – Best way to do it

This topic has 6 replies, 3 voices, and was last updated 1 years, 5 months ago ago by Tony Rodriguez

filiphdan

Participant

August 30, 2023 at 15:20

Hello,

I have been messing around with the separator shadow effect because i just want to give the image a kind of border 3d effect, i have done it in the bottom, but i still did not get it rigth on the top: https://prnt.sc/hIg-o2GywjM-

Is this the best way to do it with separators or is there another way?

Thank you!

#366153 Copied Theme version: 9.1.11 WooCommerce version: 7.9.0

5 Answers

Rose Tyler

Support staff

August 30, 2023 at 15:49

Hello, Filiphdan,

Thank you for contacting us and for using XStore.

Try to use Box shadow for a row or column https://prnt.sc/hLvqQY1mXrHT

https://www.cssportal.com/css3-box-shadow-generator/

Kind Regards,
8theme team

#366161 Copied

filiphdan

Participant

August 30, 2023 at 16:07

Thank you, this way is mutch better 🙂

Still wen i use a vertical and horizontal length of 0 the shadow should apear on the bottom and top of the image, but it only apears on the bottom, it does not apear on the top…

https://prnt.sc/cOA64_u96d7a

#366165 Copied

Rose Tyler

Support staff

August 30, 2023 at 16:10

Hello, Filiphdan,

Kindly attempt to incorporate a top margin of 30px for the row.

Kind Regards,
8theme team

#366166 Copied

filiphdan

Participant

August 30, 2023 at 16:58

Perfect, Thanks!

#366173 Copied

Tony Rodriguez

Support staff

August 31, 2023 at 04:54

Hello, @filiphdan,

You are most welcome! Should you have any further inquiries or require assistance with anything else, please do not hesitate to ask. We are always here to assist you.

We wish you a pleasant day!

Please note that this topic is now closed.

Best Regards,
8Theme’s Team.

#366195 Copied
Tagged: best techniques, home main banner, shadow effect, user experience, web design, woocommerce themes, wordpress
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Shadom effect on home Main Banner – Best way to do it’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

review system need to be fixed up please help me

2 years, 5 months ago
How to Make product static like other shops?

3 years, 2 months ago
Filters not working on desktop

3 years, 4 months ago
Bug – Product Categories Widget

3 years, 5 months ago
4-lines header

3 years, 5 months ago

Shadom effect on home Main Banner – Best way to do it

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection