Debut Theme - How to align the text on the center of the grid box

Highlighted
Excursionist
15 0 5

Hello,

 

I am currently developing my shop on the Debut theme.  The link is https://fresh-cart.co.uk (password is: cartcart)

 

The page has all the names of the products aligned on the left side of the column, and I tried to find a solution to center that text, however I've been unsuccessful. I would appreciate any help.

 

Thank you in advance!

 

Cristian.

0 Likes
Highlighted
Shopify Partner
674 110 152

Hi, you want to adjust title in product page

0 Likes
Highlighted
Shopify Partner
674 110 152

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file

 

h1.product-single__title {
text-align: center;
}


Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

Highlighted
Excursionist
15 0 5

Hey,

 

I managed to center the title using the following:

 

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

@include media-query($small) {
margin-left: -$grid-gutter-mobile;
}
}

 

However the price is still on the left. Any insights on how can I change that as well?

 

 

0 Likes
Highlighted
Excursionist
15 0 5

I am looking to adjust title and price on home page, collections page, all products page, except for the individual product page, where I would like everything to stay aligned to the left.

0 Likes
Highlighted
New Member
1 0 0

This code works pretty well but also sitting with price still aligned left.....

 

Any suggestions? Thank you

0 Likes