Card element pictures

Support
#1

My clients like how the cards flip but was wondering if I could use pictures in place of the cards (no borders/background)

Also they wanted to see if the cards were circle instead of a box, would that be possible?

#2

Hi There,

On the class field of card element, add custom-card. Then we will remove the background color and border using CSS and add the image too. Add the following custom CSS:

   .custom-card .x-face-outer.front, .custom-card .x-face-outer.back {
       background-color: transparent !important;
       border: none !important;
       border-radius: 50%;  /*This will make it circle but make sure that your card is square by default. Adjust as necessary*/
   }
  .custom-card .x-face-outer.front {
      background: url(http://virtualhost.dev/your-mg-url-for-front-view.jpg) center center!important;
      background-size: cover;
   }
  .custom-card .x-face-outer.back{
      background: url(http://virtualhost.dev/your-mg-url-for-back-view.jpg) center center!important;
      background-size: cover;
   }

Hope this helps.