add more lines to product page

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

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 tag


RESULT:

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

Best Regards,
Moeed

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

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

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

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

Thanks!