Theme X cards

Support
#1

hello,

i have 2 questions

  1. how can i make the buttons on the flipping cards bigger?

  2. ive got 2 cards next to eachother but they are not the same height (see link), how can i fix this?

Thanks!

#2

Hi there,

It will be helpful to have the URL of the page of our website which you have added the cards, so we can see the live code and give you proper CSS suggestions. Whatever CSS code we suggest now is based on something we add to our local environment and that might not have the correct exact effect like yours.

Having the URL of your website we will help us to suggest a tailored CSS code to us for your case.

Thank you for your understanding.

#3

the site is not live right now, so i dont know if it will work…

#4

Hello There,

Thanks for providing the url. Regretfully we cannot check it because it is under in construction mode. Meanwhile, please insert an inline css in each of your card element. You may add min-height: 260px; in the style field which you can find in the card element settings.

Hope this helps. Please let us know how it goes.

#5

Hi,

I fixed the cards by adding some padding and a gap, but i still can’t figure out how to change the button size on the back of the card. The site is live now so the link should work

thanks alot!

#6

Hi there,

Kindly add the code below to X > Launch > Options > CSS:

.x-card-outer .x-face-button {
  padding: 30px 50px;
}

Change the 30px and 50px to whatever value which you see it fit.

Thank you.

#7

Thanks alot!!!

#8

Glad we could help.

Cheers!