How to move price up on top of product title for Featured Collection in Dawn Theme?

Store Design
,
1

Hi Everyone,

Does anybody know how I can move the price up on top of the product title for Featured Collection inside of the Dawn theme?

keen2learn_0-1677576157423.png
keen2learn_0-1677576157423.png274×289 68 KB

keen2learn_0-1677576467452.png
keen2learn_0-1677576467452.png288×534 16.2 KB

2

@keen2learn

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

Step 2: Search file component-card.css

Step 3: Paste the below code at bottom of the file → Save

.card__information {
  display: flex;
  flex-direction: column-reverse;
  gap: 5px;
}
3

Hello @keen2learn ,

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1677577363953.png
GemPages_0-1677577363953.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1677577389244.png
GemPages_1-1677577389244.png1783×906 74 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

4

hi @keen2learn

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file base.css

.card__information {

  display: flex;

  flex-direction: column-reverse;

  gap: 5px;

}

Hope this answer helps.

Best regards,

Victor | PageFly