Solved

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

MIKESTORK
Shopify Partner
45 0 4

Hi,

im looking to align the collection name under the breadcrumbs

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

 

22F76139-BC0D-406C-B091-201E9DA1360E.jpeg

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
1820 514 389

This is an 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;
}

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 2 (2)

Developer-G
Shopify Partner
3079 604 857

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;
}
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter

ThePrimeWeb
Shopify Partner
1820 514 389

This is an 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;
}

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!