Hi All, I’m trying to align the prices on the collection pages and carousels. As you can see, they are currently misaligned. I have tried some css codes I found in various Shopify threads, but they are not working (or I am doing something wrong). Can someone help me with the correct CSS code and a …

Hi @TOC-MR This is Henry from PageFly - Landing Page Builder App You can try this code by following these steps: Step 1: Go to Online Store->Theme->Edit code. Step 2: Search file base.css Step 3: Paste the below code at bottom of the file → Save .card__heading { min-height: 5vw !important; } …

Hello @TOC-MR would you like to share your store URL and password if any please. so i can check and provide you possible solution for your question.

Hi @TOC-MR Check thiso ne. From you Admin page, go to Online Store > Themes Select the theme you want to edit Under the Asset folder, open the main.css(base.css, style.css or theme.css) Then place the code below at the very bottom of the file. .card__information { display: flex; flex-dir…

Hello @TOC-MR You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid .card__information { display: flex; flex-direction: column; justify-content: space-evenly; } [techlyser_web_0-1719…

don’t think it worked for the carousel [TOCMR_1-1719497859190.png]

don’t think it worked for the carousel [TOCMR_2-1719497895969.png]

perfect it worked [TOCMR_0-1719500780242.png] [TOCMR_1-1719500808295.png]

@PageFly-Henry one extra question. It worked on dekstop. On mobile not yet. Do you have a solution for mobile?

@media (max-width: 767px){ .card__information .card__heading { min-height: 16vw !important; } } you can try with this code

yes it worked. However it’s aligning with the strike price. Not the promo/sale price. Is that something we can change?

Align prices on the collection page and carousel (Trade Theme)

Store Design

TOC-MR June 27, 2024, 1:43pm 3

sure no problem:

https://theonlinecollective.nl/
SHOPIFY2024!

Topic		Replies	Views
Align the Prices on Collection Grid - Dawn Theme Store Design design , customizations , collection-page	1	25	August 9, 2023
Broadcast Theme - align prices on collection page Store Design design , collection-page	4	36	March 17, 2025
Price alignment on featured collection Store Design design , collection-page , html	6	51	July 10, 2024
Align Products desktop & Mobile- Dawn theme Store Design collection-page	7	40	January 31, 2024
Align the price box on collection page - Broadcast Store Design design , collection-page	2	21	March 14, 2025

Align prices on the collection page and carousel (Trade Theme)

Related topics