Center prices and titles on collection pages

New Member
5 0 0

Hi ,

I have the debut theme. Im trying to center the prices and headings . when i go into 

.grid {
  @include clearfix();
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -$grid-gutter;
  text-align:center;

 

and added the text-align it aligns the text on the individual product pages as well . I jsut want center alignment on the pages with all the product on the collection pages .

Please  help 

0 Likes

Hi Jennifer, try this:

.grid-view-item__title, .grid-view-item__meta {
  text-align: center;
}

Theme and app development | Toronto, Canada | sizzlecentral.com
0 Likes
New Member
5 0 0

YESSS! perfect that worked, thank you! 

0 Likes

No problem! :)

Theme and app development | Toronto, Canada | sizzlecentral.com
0 Likes
New Member
3 0 0

Hi sizzlecentral - thanks for sharing this. This code works great for the product titles but it doesn't center the prices. Are you able to help me out? I have attached a screenshot. Thank you! :)

 

0 Likes

Hi Lyndon, can you post a link to the page(s) you're talking about?

Theme and app development | Toronto, Canada | sizzlecentral.com
0 Likes
New Member
3 0 0

it’s the featured collections on my home page www.interestplanet.com  thank you! 

0 Likes

Try this:

.product-card .product-price {
    justify-content: center;
}

 

Theme and app development | Toronto, Canada | sizzlecentral.com
1 Like
New Member
3 0 0

Worked perfectly thanks so much for your help! :)

0 Likes

You got it!

Theme and app development | Toronto, Canada | sizzlecentral.com
0 Likes