No border cards

[444media]

I am using the card element on this new site I am building and I’d like to have them be borderless. I need to create 5 of them and am going to do a row of 3 columns and below that a row of 2 columns (so 5 cards total). The background of each card is going to be an image (different image for each card). I want each card to touching edge to edge and at the edge of the page on left and right of screen. In other words, the background of the page is white…I don’t want to see any white in the section (except briefly when the card flips).

How can I accomplish this in the settings? Or would this be special CSS?

Thanks for your help!

[tristup]

Hi @444media,

Thanks for reaching out.
It is not very clear what exactly you are trying to achieve here. I would suggest you share the page URL where you have created such a structure so we can guide you further on this.

Thanks

[444media]

The page I am trying to accomplish this is at wws.capizate.com. there are 6 Cards elements ("Safety Inspections, “Trainings and Certifications”, “First Responder Services” etc… These cards all have a white gap between them. They are not edge to edge.

Look at this example page that has flip cards with no border (what I am trying to achieve): They are in about the 3rd section down the page: https://www.templatemonsterpreview.com/demo/66064.html?

This page should show you what I mean.

Thanks for your help!

[tristup]

Hi @444media,

If you want the section to be full-width, you need to disable the Global Container option from the Row > Size and remove the Gap between two Cards you need to set the Row > Layout > Gap Width to 0 to remove the gap between the column.

Hope that helps.
Thanks