How can I bring up my price so it is below product name as there is too much space now

Store Design
1

my prices as you can see below are way too low. They used to be below the product name but not sure why it changed. Website is shopoatful.com and here it is https://shopoatful.com/collections/all

Screen Shot 2022-02-27 at 1.20.19 AM.png
Screen Shot 2022-02-27 at 1.20.19 AM.png772×433 99.2 KB

2

Try adding this code to the bottom of style.css

.grid-link, .grid-link--focus{
  padding-bottom:0px;
  padding-top:10px;
}

Result:

2022-02-27 01_44_59.png
2022-02-27 01_44_59.png1076×664 280 KB

3

Thank you so much! But on mobile the prices for the last products are not showing.

IMG_4163.PNG
IMG_4163.PNG1170×2532 215 KB

4

Hi @ym24 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/style.css->paste below code at the bottom of the file:
.grid-link, .grid-link--focus{
  padding-bottom: 0px !important;
  padding-top: 10px;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

5

It did not work for the mobile, only on desktop it changed.

6

It did not work on mobile. How do I fix it on mobile? Because even create account button is hidden a a result of this