Refresh product card subtitle font size

Store Design
1

How do I change the product card subtitle font size?

20250608_170019.jpg
20250608_170019.jpg1848×4000 1.92 MB

2

Hi @Exclusive-Scent .

You can target/edit the subheading size like this:

1: Go to Online Store → Theme → Edit code
2: Search file base.css
3: Add the following code to the bottom of the file → Save

.grid__item .card__information > div {
	font-size: 20px!important;
}

If done correctly, the result should be similar to this:

Screenshot_6.png
Screenshot_6.png691×723 83.5 KB

Feel free to adjust the px value to your liking.

I hope this helps!

3

Thank you but this didn’t work we are using refresh theme as well

4

I don’t see the code added to the website. You must’ve added it incorrectly.

I have just re-checked it, the selector works fine. It should change the font size if the code is added correctly.

5

Check again we have added the code to the bottom of the base.css picture attached i have changed the font size and nothing happens

17494096604761572663484685521783.jpg
17494096604761572663484685521783.jpg1848×4000 838 KB

6

You have added the selectors with single underlines, while it should be with double underlines. I suggest just copying the whole block.

7

Have added the double still doesn’t work

17494125476393434917429703985105.jpg
17494125476393434917429703985105.jpg1848×4000 1.32 MB

8

You have an issue in your base.css file, there’s a missing closing brace in the keyframes rule. Just add the missing brace and it should work.

It should be something like this

@keyframes indeterminateAnimation {
  0% {
    transform: translateX(-20%) scaleX(0);
  }
  40% {
    transform: translateX(30%) scaleX(0.7);
  }
  100% {
    transform: translateX(100%) scaleX(0);
  }}