Archived topic
Container with border like this
3 replies · Started by Atefan on June 14, 2022
Hello,
i just found this container, where it say
Tip
Instead of counting total carbs, tracking net carbs will give you the number of carbs your body actually digests.
How we can do that in generatepress? It looks like a shadow, but the top right and button left border is a little inside, which creates this shadow effect.
Can we do this in Generatepress?
Thank you
Hi Altefan,
Yes, it’s shadow, specifically, box-shadow.
You can easily do this with GenerateBlocks Pro through the effects settings: https://docs.generateblocks.com/article/effects-overview/
Alternatively, you can also do it through Custom CSS:
If you add add-my-shadow to the CSS classes of your Container Block as such: https://share.getcloudapp.com/rRuO7n9Q
Then, add this CSS in Appearance > Customize > Additonal CSS:
.gb-container.add-my-shadow {
box-shadow: 10px 10px #e6e0d3;
border-radius: 10px;
border-bottom-right-radius: 2px;
}You should be able to achieve something similar.
I also added border-radius as the one in your sample site has it.
Kindly modify the values to your preference.
Hope this helps!
This works perfectly!
Thanks a LOT
You’re welcome Atefan!
