How can I align collection text to the left on my website?

[MIKESTORK]

 

Hi,

im looking to align the collection name under the breadcrumbs

my site is https://b32b39-5.myshopify.com/collections/all

[Guleria]

Hello @MIKESTORK ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your theme.css file and paste the following code at the bottom:

.shopify-section--collection-banner .prose.text-center { 
    inset-inline-start: var(--container-gutter);
    position: absolute;
    inset-block-start: 3.25em;
}

[ThePrimeWeb · Accepted solution]

Hey @MIKESTORK,

Please use the following CSS to keep it aligned-left

h1.h1,
.shopify-section--collection-banner .prose.text-center {
    text-align: left !important;
}

.shopify-section--collection-banner .container.container--xs {
    margin-left: 45px;
}