How can I center an item header and remove lines?

Store Design
1

Hi
I need to center the item header, to match the page header from the previous page.

Also, the lines above and below the item header needs to be removed, if possible.

Any tips?

www.avilo.dk

code: 123456

1 Like
2

@Kim51

Please share a screenshot of the problem.

3

This is how I want it

Skærmbillede 2021-09-13 kl. 13.39.33.png
Skærmbillede 2021-09-13 kl. 13.39.33.png2760×1518 357 KB

This should also be centered and without the 2 lines

Skærmbillede 2021-09-13 kl. 13.40.21.png
Skærmbillede 2021-09-13 kl. 13.40.21.png2752×1356 152 KB

1 Like
4

@Kim51

Please add the following code at the bottom of your assets/theme-collection.min.css file.

.template-collection .collection-items-header .collection-items-header-content-inner{
justify-content: center;
border-bottom: 0px !important;
}
.template-collection .breadcrumbs-inner{
border-bottom: 0px !important;
}

Hope this works.

Thanks!

5

Thats awesome!

Thanks!

I have another topic open regarding multiple images on a product variant.

Maybe you can help here too?

https://community.shopify.com/c/shopify-design/product-variant-more-images/m-p/1313679