Flipcards Cornerstone Themeco

[wendelinwolf]

I want to create flipcards. On the Front a picture and a title. On the backside a discription of the title in bold and in regular and a separating line and the content discription with several points as shown in my pictures. I have several of those flipcards and I want them all to be front and back in the same hight.

How can I create it?

[prakash_s]

Hello @wendelinwolf,

Thanks for writing to us.

I would suggest you please use the Card element to add the Image and title on the front side, and in the back side, there is an option to add the content.
In case you have not seen the doc of the Card element, please have a look at it for reference.

Card | Themeco Docs

Hope it helps
Thanks

[wendelinwolf]

With this article I was able to design the card. Here’s what I still need for the Backside:

1. How can I add a black line below the white subline? The Headline is in one text field, the bulleted list in the “subline”
2. How can I hide the “Learn More” button?
   
3. The design changes whenm I copy/paste the card? (Font is much bigger).
4. When I define the text as () it is displayed capitalized.

[wendelinwolf]

Would you please help me with this?

[prakash_s]

Hello @wendelinwolf,

To add the line, use the <hr> HTML tag in the content. Please have a look at the given screenshot below.

To hide the button, add this custom CSS code to the element CSS.

$el .x-anchor.x-anchor-button {
    display: none;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector, or you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[wendelinwolf]

How can I change the line

---

to black?

I am working on a page that has been developped many years ago. The Font: Kameron 400 Regular is not displayed in the right shape but in 700 bold. How can I change this?

When I enter

$el .x-anchor.x-anchor-button {
display: none;
}

in the custom css the button doesn’t hide

[prakash_s]

Hello @wendelinwolf,

To change the line color, you need to add this custom element CSS code.

$el .x-text hr{border-top:2px solid #000000;}

For the button and font, we need to check your settings. I would request you please share the admin login details meanwhile I would suggest you troubleshoot a few of the common issues before we investigate your settings. Please share your details in a secure note. Please provide the following details

• WordPress Login URL
• Admin-level username and password

You can find the Secure Note button at the bottom of your posts

Thanks