How to remove top gray line from website??

  • 1
  • Question
  • Updated 8 years ago
  • Answered
The website I am using is bordered at the top and bottom by a gray line. I know what they are used for but they conflict with the design of the site. Is there a way to remove them both?
Photo of Dnett

Dnett

  • 23 Posts
  • 1 Reply Like
  • hopeful

Posted 8 years ago

  • 1
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hello! Yes there is! You can use some CSS! Just drag over an HTML widget from the sidebar and bring it to the top of the page. Then paste this in:



<style type="text/css">

html, body {
border-top:none;
border-bottom:none;
}

</style>



I hope this helps!
Nathan
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Dnett

Does Nathan's suggestion work for you? If not, please let us know and also let us know what style you are using. Thanks.
Photo of Dnett

Dnett

  • 23 Posts
  • 1 Reply Like
No, that didn't take the top border away. I'm using the Squeakyclean template. - Thank you for assisting anyway, Nathan.
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi Dnett
Can you share your website with us so we can take a closer look, please?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Dnett

Please try this code:
<style type="text/css">

#menu{
border-bottom:none;
}

.sys_footer{
border-top:none;
}
</style>

Please let me know how this goes.
Photo of dante

dante

  • 82 Posts
  • 15 Reply Likes
yes i thing this will work i am using this too.
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi Dante & Dnett, could you try this code and see if this works?

<style type="text/css">

#menu:border-top:none;
border-bottom:none;
}

#sys_footer {
border-top:none;
border-bottom:none;
}

body {
border:none;
border-top:none;
border-bottom:none;
}

</style>

If this works, please let me know.

Sincerely,
Nathan
Photo of dante

dante

  • 82 Posts
  • 15 Reply Likes
He Nathan, i try it but it didn't work see ex: http://www.newpendant.com/test.php

but the the one Sanja shere is is work good ex: http://www.newpendant.com/
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi, I know why mine wasn't working! I didn't know that it was like that. I thought that it was an actual border across the very top. But, it was really just borders of the menu and the footer. I am glad you got this fixed!
Photo of Dnett

Dnett

  • 23 Posts
  • 1 Reply Like
Hey, the code Sanja shared worked great! Thanks!!