hi!
is it possible to change the product title and price to the side, a little closer to each other and smaller? because my website is now like this:
and I need it like this:
thanks!
Topic summary
Goal: adjust product card layout so the product title and price sit closer together, smaller, and aligned to the side. Screenshots are central to conveying the current vs desired layout.
Proposed approaches:
- Edit theme.liquid and paste custom code before (steps provided; actual code snippet was not included in the post).
- Edit base.css and add CSS to left-align the title and price and reduce spacing: set text-align: left for the heading and price, and margin-bottom: 0 for the heading.
Key technical terms:
- theme.liquid: a core Shopify theme layout file for global markup.
- base.css: the theme’s stylesheet.
- CSS: Cascading Style Sheets used to control visual styles like alignment, spacing, and font weight.
Status and open questions:
- Partial guidance provided; CSS likely makes the title and price closer and left-aligned. No changes for “smaller” were specified.
- A follow-up question asks how to make the title text bolder; no response yet.
Outcome: No confirmed resolution; discussion remains open pending instructions for bold text (and possibly font size).
Hello @christian_russo
You can follow these steps:
- Go to Online Store->Theme->Edit code
- Open your theme.liquid file, paste the below code before
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
This is Victor 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{
text-align: left !important;
margin-bottom: 0 !important;
}
.card-information .price {
text-align: left !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
1 Like
hi!
thank you so much!
is there also a way to make the title text a little more bold?
thanks!