Reducing Space Between Price and Product Title

Store Design
, , , ,
1

Hi everyone,

I’d like to decrease the space between the product title and the price on my product page. Is there a way to adjust this within the theme settings or would I need to add custom CSS?

Here’s the preview link to my store: https://www.rappid.run/collections/frontpage
Password: Password

Thanks a lot for the help!

Best,
Kim

Bildschirmfoto 2024-11-01 um 3.32.45 AM.png
Bildschirmfoto 2024-11-01 um 3.32.45 AM.png1686×584 92.1 KB

2

Hi @KimGottwald

I noticed that you mentioned wanting to “decrease the space between the product title and the price on my product page,” but based on the screenshot, it appears to be the collection page. Therefore, I believe you are referring to the collection page.

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.card__content .card__information .card-information {
   margin-top: -8px !important;
}

Here is the result: https://prnt.sc/-zO00NeMyNq3

Best,

Daisy