Hi guys,
The product title an price is not symmetrical on every page or collection. There was an underline before which has been removed and now the title and price are not in the correct order. They are not symitrical. I would appreciate any help.
Topic summary
Main issue: Product titles and prices on product/collection cards appear misaligned after removing an underline, breaking visual symmetry across pages.
Context & evidence:
- A screenshot was provided to illustrate the misalignment.
- Store URL shared for reference.
Proposed fix (technical):
- Adjust CSS in the theme stylesheet (base.css) by reducing bottom padding for the card information container.
- Specific change: set .card-information padding-bottom to 3px (with !important) to tighten spacing and realign title and price.
How to apply:
- Navigate to Online Store > Themes > Actions > Edit code, then add the CSS rule in base.css.
Notes:
- CSS (Cascading Style Sheets) controls visual layout; base.css is the theme’s primary style file.
Status:
- A solution has been proposed; no confirmation yet from the store owner that it resolves the issue. Discussion remains open pending feedback.
Hi @basicbastardco .
This is PageFly - Advanced Page Builder.
You can go to Online store => themes => actions => edit code and add this code on file base.css
.card-information{
padding-bottom: 3px !important;
}
Hope this helps.
Best Regards;
Pagefly
1 Like