Incorrect card color scheme in Sense theme

[kabhi]

In the demo page, we have white color for the product card:

But, what we are actually getting is:

Changing the background color 1 under color scheme also has no effect on the product card. Because card is using the same color scheme as the page background, there is no contrast between two & looks odd.

Looks like a bug on the theme, if so please fix it, if not, let me know how to fix it. Please note, I have not changed any of the color schemes of the theme, everything is set to default as provided by the Sense theme.

[Sheesh_b]

Hi @kabhi

Paste below css in base.css at bottom in assets folder.

.card.card--card .card__content {
	padding: 0;
}
.card .card__content .card__information {
	background-color: #fff;
	padding: 2rem;
}

It will look like below:

Thanks

[kabhi]

Hi, thanks for the snippet, but adding the given code snippet, the card corner radius is lost, as u can see in the attached image by you.

[Sheesh_b]

Hi @kabhi

Kindly try below CSS in place of above.

.card .card__content .card__information {
	background-color: #fff;
	padding: 2rem;
	border-radius: 0 0 1.2rem 1.2rem;
}
.card.card--card .card__content {
	padding: 0;
}

Thanks

[kabhi]

It works for now, thank you.

But why is it happening in first place, is it a bug on the theme?

[Sheesh_b]

Hi @kabhi

It’s not a bug. The theme designed in this way, maybe. Someone may like other type of option so, it’s the perspective how you see it.