All things Shopify and commerce
Hi There,
Total coding newbie here..
I am trying to either centre the text, table and heading in my collection pages or stretch to fit the same area as the photo/products as seen in the below photos..
Design and support by Shopify
And Secondly - if i want to show the collection image (which in certain collections i would love to do) it goes abnormally large as you can see below. is there a way to change it in shopify or is it a matter of getting the correct proportions before uploading
Thanks in advance,
Lauren
Solved! Go to the solution
This is an accepted solution.
Awesome!
For the alignment, add this to the bottom of your component-collection-here.css file:
.collection-hero__title+.collection-hero__description {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
table {
margin: 0 auto !important;
}
h1.collection-hero__title {
text-align: center;
}
And to make the image fit, add this to the bottom of your base.css file:
.media>img {
object-fit: fill !important;
}
Hi and welcome!
Could you provide the URL to these pages on your store and I will take a look for you 🙂
Hi Woody!
This is with the show collection image selected
https://www.sparrowandfox.com.au/collections/green-aventurine
And this is standard
https://www.sparrowandfox.com.au/collections/amazonite
Thanks!
Lauren
This is an accepted solution.
Awesome!
For the alignment, add this to the bottom of your component-collection-here.css file:
.collection-hero__title+.collection-hero__description {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
table {
margin: 0 auto !important;
}
h1.collection-hero__title {
text-align: center;
}
And to make the image fit, add this to the bottom of your base.css file:
.media>img {
object-fit: fill !important;
}
By Jove you have done it!
A king amongst men... fan-bloody-tabulous!
Thanks so much for your help..
Lauren
You're very welcome!
If you could spend a moment to read through my signature below, I would highly appreciate it ❤️
@sparrowandfox Can you please send me store url?
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025