Reducing Space Between Price and Product Title

Solved

Reducing Space Between Price and Product Title

KimGottwald
Trailblazer
230 0 33

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

Accepted Solution (1)

DaisyVo
Shopify Partner
389 65 61

This is an accepted solution.

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

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
Explore other solutions
here. Live Chat Support is available 24/7.

View solution in original post

Reply 1 (1)

DaisyVo
Shopify Partner
389 65 61

This is an accepted solution.

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

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
Explore other solutions
here. Live Chat Support is available 24/7.