Make the Product Page more compact

[sixdreamz]

Hey,

i want to make the writing on my product page a little bit more compact so it doesnt look that big.

so basically all the writing, buttons, prize etc. everything just a little bit more compact except the picture

can somebody helpo me?

URL: sixdreamz.com

[BSSCommerce-HDL]

Hi @sixdreamz, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.product__title font {
    font-size: 25px !important;
}

.product__description font {
    font-size: 14px !important;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[Tech_Coding]

Hello @sixdreamz 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.product .product__text.caption-with-letter-spacing, .product__tax, .product-form__input .form__label, .product-form__input input[type=radio].disabled+label, button.product-form__submit, div button.scr-open-size-chart, .product__info-container .product__description, .price__regular .price-item--regular{
     font-size: 21px !important;
 }
 .product .price--sold-out .price__badge-sold-out{
       font-size: 19px !important;
  }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[BSSCommerce-B2B]

Hi @sixdreamz , 

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

.product__title h1 {
    font-size: 30px !important;
}
.product__description.rte.quick-add-hidden {
    font-size: 14px !important;
}

In this step, you can change the font-size as you want.

Step 3: Save and reload home page.

=>> The result: 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

[sixdreamz]

Thank you for helping me. is it also possible to make the rest smaller as well? Like the button and the different options for the sizes?