How to center collection title on Taste theme?

Store Design
1

Im trying to center the title on the collection page but cant seem to get any to work! Also trying to center everything in the “featured product” section. Can anyone help?

1 Like
2

@Calurts

.collection-hero__title {
    margin: 2.5rem 0;
    text-align: center !Important;
}

Add this code in the bottom of Component-collection-hero.css file,

1 Like
3

That worked! What about centring all of the featured product info?

1 Like
4

@Calurts

Kindly share your Store URL,
So that, I can help you.

1 Like
5

www.statusscreens.com.au

1 Like
6

Also to center the product to the middle on the collection page if possible! I like everything to be centered! :slightly_smiling_face:

1 Like
7

After.png
After.png437×500 12.5 KB

I want it to look like this :slightly_smiling_face:

1 Like
8

@Calurts

@media only screen and (max-width: 749px) {
div#ProductInfo-template--14743582277769__main {
    text-align: center !Important;
}
quantity-input.quantity {
    left: 108px !Important;
}
}

Add this code in the bottom of base.css file.

1 Like
9

https://niagaraebikes.com/

1 Like
10

That didn’t seem to do anything unfortunately, anything else?

1 Like
11

@Calurts

@media only screen and (max-width: 749px) {
.product__info-wrapper.grid__item {
    text-align: center !important;
}
}

try out this code.

1 Like
12

That didn’t work either :disappointed_face:

1 Like
13

@Calurts

No, you didn’t added yet,
Add properly.
Add second code also.

@media only screen and (max-width: 749px) {
.product__info-wrapper.grid__item {
    text-align: center !important;
}
}
1 Like
14

I have copied and pasted both of those codes into the bottom of base.css like you have said. What could I be doing wrong?

1 Like
15

ok.png
ok.png550×405 18 KB

1 Like
16

devtalk_0-1659005033302.png
devtalk_0-1659005033302.png1600×900 131 KB

done.

1 Like
17

Mobile looks perfect! What about pc now? :slightly_smiling_face:

1 Like
18

@Calurts

It’s takes, time and you need to give collaboration access.

Thank you.

1 Like
19

I will leave that one out for now then! What about moving the product to the center on the collections page? So it isn’t all the way on the left?

1 Like
20

@Calurts

If you have more Queries and issues you can hire a developer.
Thank you.

1 Like