Tagged: Layout elements, shadow
Hey Guys
Coming back to this Topic of mine: https://kriesi.at/support/topic/possibility-to-set-a-semi-white-background-to-layout-elements-no-color-section/#post-231615
Is it possible to add a shadow effect for each layout element when a White background Color is Chosen?
Thanks in advance for our replies!
Cheers, Matthias
Hey WANTED1403!
Can you post a screenshot and show how you would like it to look?
Cheers!
Yigit
Like this please: http://www.thetailoredpage.com/files/graphics/square_shadow.gif
Hi!
On what exact elements are you trying to add the shadow effect? I visited the page and I can only see a very large slider and 4 columns below. I’m not sure where you want to apply the shadow.
Cheers!
Ismael
Hey,
I added white as Background Color to the layout elements so that now the 1x 1/2 element with the large slider and 1x 1/2 element with the text as Content are really visibel (see my earlier post/link above). These layout elements (on this side 2x 1/2 elements) shall now also have a shadow effect at the borders of the layout element, that means in Addition to the Background Color. It shall look like they float above of the Background Picture of the Color section.
I hope my idea is now more clear. If not I will make a screenshot with some additional remarks.
Please let me know if it is necessary!
Thanks in advance for your replies.
Matthias
Hi!
You can use this:
#av_section_1 div.flex_column {
box-shadow: 10px 10px 10px gray;
}
Cheers!
Ismael
Thanks! That works great! :)