How can I change the TITLE and PRICE to be larger and different colour

Store Design
, ,
1

I want to make the font larger of the title name, so it stands out more.

I would also like to know how to change the colour of both so I can see if it would look good or not?

I’m using the CRAFT theme.

2

Hello @TileOutlets

It’s GemPages support team and glad to support you today.

You can follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code below:

.product__info-wrapper .product__title{
  font-size: 45px;
  color: #0069ff;
}
.product__info-wrapper .price__regular{
  font-size: 24px;
  color: #ff0000;
}

Let us know how it works for you.
Best regards,
GemPages Support Team

3

Add this code at the bottom of this page and it did not work.

4

Hi @TileOutlets ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-card.css->paste below code at the bottom of the file:

.card__information .card__heading{
  font-size: 20px;
  color: green;
}
.card-information>.price {
  font-size: 16px;
  color: blue;
}

PageFlyKate_0-1675777788962.png
PageFlyKate_0-1675777788962.png1243×470 113 KB

I hope it would help you
Best regards,

Kate | PageFly