How to Centre Product Name and Price on Collections/Homepage on Supply Theme?

Solved
Khris-Hunt
Excursionist
21 0 7

Has anyone been able to centre the product name and price on supply theme? 

Change.png

If anyone has been able to do this any help would be greatly appreciated

RajatWeb
Shopify Partner
93 22 29

Hi @Khris-Hunt,

Please share your store URL so I can provide a solution.

Thanks

If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? please send me a personal message and we can discuss.
Email: rajatsharma.web@gmail.com
Skype: rajatsharma.web
0 Likes
Khris-Hunt
Excursionist
21 0 7

@RajatWeb Thank you for your fast response, our URL is www.lincolnshirevapours.co.uk

RajatWeb
Shopify Partner
93 22 29

This is an accepted solution.

Hi @Khris-Hunt,

Please follow the steps :-

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.css

Paste the below code at the bottom of the file.

.grid-item .product-grid-item {
    text-align: center;
}


Thanks

If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? please send me a personal message and we can discuss.
Email: rajatsharma.web@gmail.com
Skype: rajatsharma.web
Khris-Hunt
Excursionist
21 0 7

@RajatWeb Thank you very much, that worked perfectly. While I have your attention, I don't suppose you know how to sort the spacing out on the mobile navigation? Some how along the road of updating the supply theme to what it is, it has become messed up a bit. As you can see from the picture they are different sizes, the ones with drop down arrows are thicker than those without and the drop downs are also very thin compared to those with arrows. I know they shouldn't be like this but I'm unsure how's its happened or how to rectify. Again any help would be much appreciated

Screenshot_20210116-180340_Chrome.jpg

RajatWeb
Shopify Partner
93 22 29
Click to expand...
Hi @Khris-Hunt

I can check spacing issue but need to spend time to check theme menu and css code.

Please reach through email so we can discuss further.
If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? please send me a personal message and we can discuss.
Email: rajatsharma.web@gmail.com
Skype: rajatsharma.web

 
When you say spacing, do you mean the letter spacing or the spacing vertically between each line item? I will send you the CSS code to do it.

Mike Belanger | Web & App Developer | UX Design & Marketing Specialist
InventoryHero - Automatically Discount Weak Inventory
https://apps.shopify.com/inventory-hero
https://inventoryhero.app
Ottawa, ON, Canada
RajatWeb
Shopify Partner
93 22 29

Spacing vertically

If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? please send me a personal message and we can discuss.
Email: rajatsharma.web@gmail.com
Skype: rajatsharma.web

.site-nav--dropdown a, .site-nav--dropdown-grandchild a {
color: #197bbd;
text-transform: none;
padding: 15px 30px 15px 30px;
border-bottom: #197bbd 1px solid;
}

Mike Belanger | Web & App Developer | UX Design & Marketing Specialist
InventoryHero - Automatically Discount Weak Inventory
https://apps.shopify.com/inventory-hero
https://inventoryhero.app
Ottawa, ON, Canada
0 Likes
Khris-Hunt
Excursionist
21 0 7

This spacing, if you can understand my very technical drawing on paint... To make all lines the same vertical width and for text to be vertical centre 

Screenshot_20210116-180340_Chrome.jpg

0 Likes