add more lines to product page

[sixdreamz]

hi, 

im still trying around thing in my product page. could you still help me?

I would like to add those lines aswell:

url: sixdreamz.com

password: sdc2003

[Moeed]

Hey @sixdreamz 

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>
header {
    border-bottom: solid 2px black !important;
}
ul#product-grid {
    border: solid 2px black !important;
    border-bottom: 0 !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[PageFly-Amelia]

Hi @sixdreamz 

This is Amelia from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code. 

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

sticky-header {

    border-bottom: 4px solid black !important;

}

.collection.page-width {

    border-left: 4px solid;

    border-right: 4px solid;

}

section#shopify-section-template--22780388245845__d2bcbc2a-f83d-490c-aec9-913ff530f0b3 {

    display: none;

}

.section-template--22780388245845__main-collection-product-grid-padding {

    padding: 0;

}

ul#product-grid {

    margin: 0;

    padding-top: 100px;

}

Hope that my solution works for you.

Best regards,

Amelia | PageFly

[Rahul_dhiman]

Hello @sixdreamz 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

@media screen and (min-width: 768px) {
sticky-header.header-wrapper.color-scheme-3cf17d74-d55c-4f86-9b2c-d4cc1f6238dd.gradient.header-wrapper--border-bottom {
border-bottom: 1px solid black;
}
ul#product-grid {
gap: 28px !important;
border-left: 1px solid black;
border-right: 1px solid black;
}
main#MainContent {
margin-top: -16px !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[websensepro]

Hi @sixdreamz ,
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
@media screen and (min-width: 768px) {
sticky-header.header-wrapper.color-scheme-3cf17d74-d55c-4f86-9b2c-d4cc1f6238dd.gradient.header-wrapper--border-bottom {
     border-bottom: 1px solid black;
  }

ul#product-grid {
     gap: 28px !important;
     border-left: 1px solid black;
     border-right: 1px solid black;
  }

main#MainContent {
     margin-top: -16px !important;
    }
  }
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!