Removing "Learn More" button from Cards

[bruce1]

I have tried customising the CSS as suggested.

.x-card-outer .x-face-button {display: none;}
.x-face-outer.back .x-face-text {max-height: 1000px; /Adjust this to your preferred height/
overflow-y: scroll;

And it’s not working…

The page is here: https://www.averybritishvoice.com/?page_id=407&preview=true

All of the cards on this page have the same problem and I would like to remove all these buttons.

Thank you.

[marc_a]

Hi @bruce1,

Thanks for reaching out.

We need to have an access to your website in order to view the preview page or you might publish it so that we can able to see it.

Hope that helps.

Thank you.

[bruce1]

Thanks! I’ve published it… https://www.averybritishvoice.com/how-british-is-your-voice/

[prakash_s]

Hi @buce1

Off the Text Setup option from Card element -> Back button -> Text Setup.

Hope it helps you.
Thanks

[bruce1]

Hmmm. That does seem to be the control, but it’s not working.

Even if I delete the text, I still get this.

[bruce1]

If I change the setup to zeros and make it transparent I can make it invisible, but it’s still there…

[bruce1]

[prakash_s]

Hi @bruce1,

Sorry for your inconvenience, If you “Off” the Back Button text then your button text is not going to be rendered in the frontend but the button text container markup (HTML) will be rendered and style of the markup is also going to render because of that white background is coming in place of the button. I would suggest you set the Box Shadow as 0 and set Padding as 0.

Please have a look at the given screenshot

Alternatively, Set the Base Font Size value 0 option from Card element -> Back button -> Base Font Size.

Hope it helps you.
Thanks

[bruce1]

That’s done the trick. Thank you. It wasn’t very intuitive, though… maybe something for the next release?

[prakash_s]

Hello @bruce1,

You are welcome @bruce1, Yes we will add this in our features lists. Please feel free to reach us if you have any query regarding our theme.

Have a nice day!
Thanks