Card Element and Grid Bug

Support
#1

There appears to be a bug in the card element. I have made two options for a client using the same settings for a 5 cell grid. In 3 of the cells are cards. Everything looks perfect in the ‘configurator’, but the live page is a different story. The image below is what it looks like in the configurator.

Summary

These two links show the live pages. The same setup for both except for the image gallery included.
Test page

Test page 2

You will see in the live pages two issues.

Issue #1 is the height change for the ‘External Knife Adjustment’ as compared to the 2 other cards when the Envira Gallery is added to the grid. All of the cards have the same settings. Also, as you can see all of the images are the same height within the card.

Issue #2 is that the font color changes. First, on the ‘External Knife Adjustment’ title as compared to the other 2 cards and second on the backside of ‘Rotor Knife’ All of the cards have the same settings for the fonts.

#2

It appears I fixed one of the problems by eliminating the 4, 1.5, 4, 1.5 padding for the back of the ‘External Knife Adjustment’ card. Which is crazy since the other 2 cards use the 4, 1.5, 4, 1.5 padding. I then put the 4, 1.5, 4, 1.5 padding back onto the back of the card and now the height issue is gone and so is the font color issue.

I tried doing the same to the Rotor Knife card and the font on the back didn’t change. It’s still different from the other two cards.

#3

I spoke too soon. I put the grid and cards into another page and the same issues I mentioned above reoccurred and this time I couldn’t fix the issues. This grid arrangement is a template being installed into a page as a section.

#4

Hello Jeff,

Thanks for writing in! Just for future topics, self responding or bumping your post pushes it back in our Queue system so it takes longer to respond to.

Meanwhile, I have checked the test pages and I found this:

The card seems working perfectly as intended. Can you please point us which were the issue or at least send us a screenshot?

Thanks.

#5

I sincerely apologize for all of the posts. I was not trying to bump it up in the Queue. I was just trying to keep you abreast of what I was finding.

The circled area should be 100% black just like the front side text; that is gray.

As you can see, the right side card is taller than the left card even though the settings are the same. Also, notice the copy on the right card is gray instead of the black on the left card.

I tried changing the padding for the back of the right card and revert back to the normal settings.

#6

Hello Jeff,

Please edit your page back in Cornerstone.
Make sure that there are no extra html tags in your front and back contents.

We would love to know if this has worked for you. Thank you.

#7

There is a bug in this element. I found out that I had three settings (H1, H3 and P) for the front content. As soon as I changed all of the Card Fronts to H3, the issues highlighted above went away, except for the backside and the font color. Even though the font is set to black in the PRO control panel/configurator, it is picking up the font color settings of a light gray in the Theme Options. Also, it is not on every Card. It’s only on some of the cards. On each page where there are cards it varies between 1 and 2 cards have the light gray. It’s also only on the bottom row of the grid where the gray shows up. The top right is always black.

Wow. I just eliminated

that had wrap the text and the gray went away.

I will have to go through all of the pages and cards and eliminate all of the

code that got put in by PRO when I cut and pasted the copy in the ‘Text’ window. So that is another question, why is PRO putting that code in when the verbiage is typed or cut and pasted into the ‘Text’ window?

My big question to the developers now is what is the purpose of the “Theme Options” global settings if the configurator is configuring each and every element that is used?

#8

Hey Jeff,

The Rich Text editor behaves like the WordPress Visual Editor. It includes the styles from the source so if you copied a paragraph, it will include the p tags.

If you don’t intend for the styles from the source to be copied, paste the content in the HTML editor.

-----------------------------------------------------------------------------------

Regarding the Theme Options, it’s for the general look of the theme including the Classic Elements. For the V2 (non-Classic) Elements, you should configure the Element Defaults. See https://theme.co/docs/template-manager#what-are-the-element-defaults

Because there are a lot of V2 elements, it’s is not feasible to set defaults in Theme Options. It will also theoretically slow it down and the user experience would not be good.

Instead, when you create a page, you set up an element and save your setup as a preset and use the preset as the element’s default setup.

Hope that helps.

#9

Christian,

The copy pasted into the rich text editor had no p tags assigned it prior to pasting. Furthermore, I found that the rich text editor arbitrarily added href link tags to images when a image was placed in the editor. I had to spend about an hour removing these href link tags from the card fronts in the HTML editor.

Regarding the Theme Options, I find it nonsensical some functionality of the site is done there such as link colors when almost everything else is controlled in the element configurator. Just my two cents.

#10

Hi Jeff,

When you insert an image using the RICH TEXT editor (Wordpress native), make sure you set the Link To option to none.

That’s a RICH TEXT editor behavior (Wordpress native) when you insert a text on the HTML and then you switch to RICH TEXT you’ll see when you switch back to HTML Wordpress will automatically wrap your text in <p> tag. So if you paste a text copy in HTML, don’t switch to RICH TEXT editor, you can format and style the text within the configurator.

Regarding the Theme Options, maybe its less useful now than it was before years ago, but it’s not nonsensical, because there are still old websites that built-in classic element and there are still users that use Classic Elements and Classic Elements inherit its formatting and styling from Theme Options and not only that, Themes needs to have some default formatting and tyling and that is because a lot of plugins rely on Theme styling to style their elements (text, fields, buttons, etc.)

Thanks,

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.