Font size adjustment for Dawn "featured collection"

Hi!

Can someone please help me with setting up the featured collection on the theme “Dawn” ?

I don’t know much about liquid code and am having trouble finding the code to adjust the font size.

I want to change the price on the mobile page since it is too big at the moment.

Any help would be greatly appreciated!

1 Like

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

1 Like

@Minako85 add below css into base.css file

@media (max-width:768px)
{
.price>* {
    font-size: 14px; //adjust size as you want
}
}
1 Like

Hey @Minako85
Kindly share your Store URL and Password if enabled

1 Like

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
@media (max-width: 767px) {
.featured-collection .price {
font-size: 14px;
}
}
1 Like

Hello @Minako85

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

1 Like

Thank you so much for helping us out!

Our store URL is https://inoop.jp/

I will add the code you provided in your other reply!

1 Like

Hello @Minako85 ,

  1. In your Shopify Admin go to online store > themes > actions > edit code

  2. Find Asset > base.css and paste this at the bottom of the file:

@media (max-width: 767px) {
 .price .price__container .price__regular {
    font-size: 14px;
}
}

1 Like

Thank you so much!!

Truly appreciate your help :blush:

1 Like

Thank you for helping us out!!

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

Hi, I am facing the same issue but after pasting the code at the bottom of the base.css file, it didn’t change the font size of the price on the mobile page. Please kindly assist. Thank you