0

With Bricks Builder in WordPress I want to make a card for the loop items on an archive page.

The card itself is not the problem, but I don't get the schadow/3D effect exactly like the design.

I thought to use a div for the card itself, in it an image with a div above it for the icon with position: absolute;. Below a div with the title in it and below a div with 2 divs in it for the category and date.

The blue background is not relevant to the card.

I've already tried it with :before and :after with skew, but then the oblique angle at the bottom is not right. It has to be exactly the other way around. I also wonder if the way I've done it now is neat and doesn't cause any problems on mobile.

Can someone help me with this? Thanks in advance!

What it should be

3

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.