Docs

[Melissa437]

hiya,

Just playing with the card element and I would love to add an image to the reverse of the card..

https://dolcelussocakes.mystagingwebsite.com/press/?cornerstone=1

[Melissa437]

This reply has been marked as private.

[Rahul]

Hey There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.x-card-outer .x-card-inner {
    background-image: url(//URLtoImageHere);
    background-size: contain;
}

.x-face-outer.front,
.x-face-outer.back {
    background-color: transparent!important;
    border-color: transparent!important;
}

Hope this helps.

[Melissa437]

Thank you for your reply but what do i do to make it a different image each time?
Thanks
Mel

[Christian]

Add a class to your card (see attachment) then append the class in .x-card-outer like

.x-card-outer.test .x-card-inner

Thanks.

[Author]

Posts