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?
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024