How to add a line on each side of a section title

Shopify Discussion
1

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?

Line.png
Line.png1498×412 185 KB

2

Hi @Katielabernathy

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

3

Yes! the URL is shophelloindigo.com and the password is deirah

4

Thanks for the info, try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
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!

5

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?

product page.png
product page.png1080×676 298 KB

6

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?

Katielabernathy_0-1698967932741.png
Katielabernathy_0-1698967932741.png999×625 281 KB

7

I check your website, I think you change your password. Would you mind to share? Thanks!

8

Yes, it’s Alston