How to insert a full-length horizontal line under collection names?

Store Design
1

Hi everyone,

I would like to insert an horizontala full length horizontal line under the name of the collection on every collection pages.

Can somebody help me?

2

@Anonymous - please share your website url and Password if any

3

here the website www.cosantiboutique.it

4

@Anonymous - your site page leaves padding around pages and hence line like this is possible, edge to edge will not work with this page structure, for this you need to add given css to the end of your css file

.page-title {
    border-bottom: solid 1px #000;
}

suyash1_0-1610078315635.png
suyash1_0-1610078315635.png1366×768 58.4 KB

5

looks nice, can it be a lil bit lower? Don’t know anything bout coding. Where I should put this code? Thanks a lot

6

Dear @Anonymous

Hope this will help

  1. From your Shopify admin, go to Online Store > themes.
  2. Locate your current theme and then click Actions > Edit code.
  3. After that in the Assets folder, click to open your theme.scss.liquid file.
  4. Go to the very bottom of this file and paste the following code:
/* Start */
.template-collection .page-title {border-bottom: 1px solid #000;padding-bottom: 5px;}
/* End*/
  • Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.
  • Save and check your theme by refreshing it.
7

It works, awesome. Thank you very much :slightly_smiling_face: