[Support request] Container with border like this

[Atefan]

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.

https://www.livestrong.com/article/13717028-10-best-low-carb-breads-and-bread-alternatives-picked-by-a-nutritionist/

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

[Fernando]

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!

[Atefan]

This works perfectly!
Thanks a LOT

[Fernando]

You’re welcome Atefan!

[Author]

Posts