Re: How to add horizontal line on top and bottom of blog post title?

Solved

How to add horizontal line on top and bottom of blog post title?

mpatsi
Shopify Partner
111 0 14

Hello

 

I am interesting to add 2 line (<hr>) one above the blog post title and one below...but i can not find the right template and place to add...does anyone knows how to do this?

 

Thanks in advance

Accepted Solution (1)
Moeed
Shopify Partner
5816 1580 1879

This is an accepted solution.

You can replace the word "black" with any hex code you want and the color will be applied onto that line then!

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 5 (5)

Moeed
Shopify Partner
5816 1580 1879

Hey @mpatsi 
Kindly share your Store URL and Password if enabled

Also, please provide a screenshot where you want the Horizontal Line On Top And Bottom

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


mpatsi
Shopify Partner
111 0 14

Hello Moeed

 

https://hairworkshop.gr/

 

Screenshot from 2023-06-01 14-46-21.jpg

Moeed
Shopify Partner
5816 1580 1879

Hey @mpatsi 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

 

<style>
h1.article-template__title {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}
</style>

 

Capture.JPG


If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


mpatsi
Shopify Partner
111 0 14

You are awesome but i want to add a HEX color and not just black?

Moeed
Shopify Partner
5816 1580 1879

This is an accepted solution.

You can replace the word "black" with any hex code you want and the color will be applied onto that line then!

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications