Dawn theme/ Adjust Heading size and Remove template content

Store Design
,
1

Hi there!

My url: andrejewelry.com

Password: Thankyouverymuch121

I would love to…

  1. make the Product Heading size smaller on both desktop and mobile so that it can fit into just one line (Now it’s not open for editing)

  2. Remove the content on both desktop and mobile in the template.

Please see the picture below:

Screenshot 2023-11-22 at 2.38.38 PM 2.jpg
Screenshot 2023-11-22 at 2.38.38 PM 2.jpg2466×1220 188 KB

Thanks!

2

Hi @AndreaHuang , go to base.css and add the following :

.product__title h1{
   
    font-size: calc(var(--font-heading-scale) * 2.5rem) !important;

 }
3

Thanks for help!

I paste it in the base.css file but nothing happened.

4

@AndreaHuang , where did you paste it in base.css? , I don’t see it.

5

At the bottom.

6

Go to section-main-product.css and add the following:

.product__title h1 {
    font-size: 2rem !important;
}
7

It works! thanks!

8

Hi @AndreaHuang

Check this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.product__title h1 {
    font-size: 2.1rem !important;
}
form#product-form-installment-template--21210817069370__main, .product__tax.caption.rte {
    display: none !important;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

9

Thank you for answering both my questions. They works!

10

@Made4uo-Ribe Thanks! on the pc is good. But the text still shows on the mobile.

11

Check this one, same instruction.

@media only screen and (max-width: 749px){
.product__tax.caption.rte, shopify-payment-terms {
    display: none !important;
}
}

And Save.

Made4uoRibe_0-1700763918989.png
Made4uoRibe_0-1700763918989.png673×368 9.09 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

12

Nothing changed on the mobile:(