How to reduce space between price and product title and product image (DAWN)

Solved

How to reduce space between price and product title and product image (DAWN)

NOT1
Shopify Partner
195 2 80

NOT1_0-1724945399015.png

 

Accepted Solutions (2)
theycallmemakka
Shopify Partner
1661 396 416

This is an accepted solution.

Hi @NOT1 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

 

<style>
.card__information {
    padding-bottom: 0.5rem!important;
    padding-top: 0.5rem!important;
}
.card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
    margin-top: 0rem!important;
}
</style>

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

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>
@media screen and (min-width: 750px) {
  .card__information {
      padding-top: 5px !important;
   }
   .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
      margin-top: 0 !important;
    }
}
</style>

niraj_patel_0-1724948196474.png

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

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 4 (4)

theycallmemakka
Shopify Partner
1661 396 416

Hi @NOT1 ,

 

Can you provide link to your store?

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

NOT1
Shopify Partner
195 2 80

Thanks 🙂 

theycallmemakka
Shopify Partner
1661 396 416

This is an accepted solution.

Hi @NOT1 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

 

<style>
.card__information {
    padding-bottom: 0.5rem!important;
    padding-top: 0.5rem!important;
}
.card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
    margin-top: 0rem!important;
}
</style>

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

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>
@media screen and (min-width: 750px) {
  .card__information {
      padding-top: 5px !important;
   }
   .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
      margin-top: 0 !important;
    }
}
</style>

niraj_patel_0-1724948196474.png

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

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com