Make font bold and same size for product title and price

Store Design
1

Hello,

I am using the Dawn theme in Shopify and would like to bold the product titles and prices. I would also like to make the prices and product titles the same font type and size. Currently, the prices are bigger than the titles.

Here’s the page URL: https://www.playsthatpay.com/collections/frontpage

Thank you in advance.

1 Like
2

Hi @ptpsports ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

3

Hi @ptpsports ,

Sorry for experiencing this problem, I understand you would like to bold the product titles and prices. You can try this code.

  1. Go to themes > edit code >

  2. Go to Asset Folder > component-card.css( if this folder cant be find in Asset folder you can Search it. )

  3. Copy and Paste the code below. I hope it work.

.card-information {
    font-size: 15px;
    font-weight: bold;
}

.card__heading {
    font-size: 15px;
    font-weight: bold;
}
4

Hello!

Not sure if something is off with the way I’m adding the code. Please see
below:


@media (max-width: 990px){
.header {
grid-template-areas: “heading left-icon icons”;
grid-template-columns: 3fr
}

h1.header__heading {
justify-self: flex-start
}
.card__heading, .price__regular .price-item–regular{ font-weight:
bold; font-size: 18px }

Thank you.

5

This worked! Thank you.

Would you know how I can switch my menu bar and shopping cart places on my
home page? I would like the shopping bag icon to switch places with the
menu burger, however, I still want to keep both icons on the upper right
hand corner.

6

Hi @ptpsports

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:
.card-information {font-weight: 700 !important;}

Regards,

San