Ride Theme : Product price alignment problem line

Store Design
, , ,

Topic summary

A user encountered a product price alignment issue on collection pages in the Ride theme, where prices appeared misaligned across different product cards.

Solution Provided:

  • Add CSS code to the base.css file
  • The code uses flexbox properties to align card information elements consistently

Implementation Steps:

  1. Navigate to Shopify admin → Online Store → Themes
  2. Click Actions → Edit code
  3. Locate the base.css file
  4. Add the provided CSS snippet at the end of the file

CSS Fix:

body .card--standard>.card__content .card__information{
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

Status: :white_check_mark: Resolved - The user confirmed the solution successfully fixed the alignment problem.

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I have some products are not aligned in collection pages. How that can be fixed?

I’ve attachment screenshot as you can see .

I’m looking forward to help.

Theme : Ride

Issue : Product prices don’t look same line.

Thanks for your help.

SD93

Ekran Resmi 2022-12-20 16.48.26.png
Ekran Resmi 2022-12-20 16.48.26.png1415×476 380 KB

2

Could you please share the store URL? So, I can check and help you in any possible way.

3

https://evdeyiz.de/

Thanks.

4

@SD93 , I’ll check and let you know soon.

5

Hi @SD93 ,

Please find the base.css file in your theme. And add the below code at the end of your base.css file.

body .card--standard>.card__content .card__information{
display: flex;
flex-flow: column;
justify-content: space-between;
}

You can find the base.css file by following the below steps:

From your Shopify admin, go to Online Store > Themes.
Click Actions > Edit code.

let me know if you have any doubt.

1 Like
6

Great. It solved cause of you. Appericated .