Archived topic
Marketer them boxes drop shadow
5 replies · Started by Stratos on April 3, 2022
Hello,
I am using the marketer theme and in the demo I see that each box has some short of drop shadow to it. But When I use this theme there are no drop shadow in each post box. How can add add something similar as in the demo?
Hi there,
the effect is created by adding this CSS to your site:
.inside-article,
.sidebar .widget,
.comments-area {
border-right: 2px solid rgba(0, 0, 0, 0.07);
border-bottom: 2px solid rgba(0, 0, 0, 0.07);
box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}Adding CSS: https://docs.generatepress.com/article/adding-css/
The box shadow color is quite subtle you may want to adjust to suit your colors. This site can generate the box-shadow property for you:
https://www.cssmatic.com/box-shadow
Thank you very much! It worked like a charm!
Is there any way I can make these boxes have rounded corners or it is not possible with this theme?
You can add a border-radius property to your CSS - like so:
.inside-article,
.sidebar .widget,
.comments-area {
border-right: 2px solid rgba(0, 0, 0, 0.07);
border-bottom: 2px solid rgba(0, 0, 0, 0.07);
box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
border-radius: 20px;
}Perfect! Couldn't work any better. Thank you very much!
You're welcome
