Centering Metafield Subtitle Text in Collection Grid

Store Design
1

Hello,

I created a metafield to show a subtitle to say “More Colors Available” underneath products in collection grids, however I am having issues centering the text. Also, wondering if it is possible to remove the large blank space between the price and metafield subtitle?

Here is an example screeshot:

leishnicole_0-1674029164270.png
leishnicole_0-1674029164270.png568×794 225 KB

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

@leishnicole
Can you share your store url?

4

Hello @leishnicole ,

It’s GemPages support team and glad to support you today.

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

5

https://hucklebabyboutique.myshopify.com/

No site password.

6

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code

  2. Find Asset >base.css and paste this at the bottom of the file:

.product-grid .grid__item span {
    justify-content: center;
    display: flex;
}

ZestardTech_0-1674108662467.png
ZestardTech_0-1674108662467.png1876×668 41.7 KB

1 Like
7

Amazing it worked thank you!!

1 Like
8

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.