All things Shopify and commerce
Hi! I'm very new to Shopify. I'd like to add a line on each side of my collection title on the home page of my website. I've attached an example. Can anyone help me with this?
Solved! Go to the solution
This is an accepted solution.
Thanks for the info, try this one.
h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in:before,
h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in:after {
content: '';
width: 60px;
height: 2px;
background-color: pink;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in:before {
left: 20%;
}
h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in:after {
right: 20%;
}
@media only screen and (max-width: 750px){
h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in:before {
left: 5%;
}
h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in:after {
right: 5%;
}
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Would you mind to share your Store URL website? with password if its unpublish. Thanks!
Yes! the URL is shophelloindigo.com and the password is deirah
This is an accepted solution.
Thanks for the info, try this one.
h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in:before,
h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in:after {
content: '';
width: 60px;
height: 2px;
background-color: pink;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in:before {
left: 20%;
}
h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in:after {
right: 20%;
}
@media only screen and (max-width: 750px){
h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in:before {
left: 5%;
}
h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in:after {
right: 5%;
}
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Thank you so much! Is there a way to make the lines a little longer and change the color to a specific blue? Also, can you help me add these lines to the titles of each page?
I check your website, I think you change your password. Would you mind to share? Thanks!
Yes, it's Alston
Thank you so much! Is there a way to make the lines a little longer and change the color to a specific blue? Also, can you help me add these lines to the titles of each page?
Learn how to expand your operations internationally with Shopify Academy’s learning path...
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