How to take white lines off my page?

  • 1
  • Question
  • Updated 9 years ago
  • Answered
I have two horizontal white lines crossing my page. I think those lines are part of the page's style. However when we choose the style it was showed very small, and on a white page as well, also we cant see properly. I have spent many hours making my website, then I really don't want to build everything again if I need to choose a new style.
So, I would like a way to remove those lines without to change my style.

I can't spend so much hours and hours on it, trying to resolve a so simple thing, and how you can see below the white lines are evident that aren't part of the page's design

Thank you in advance.
Photo of carla lado b

carla lado b

  • 50 Posts
  • 1 Reply Like
  • frustrated

Posted 9 years ago

  • 1
Photo of Ruth

Ruth

  • 2819 Posts
  • 135 Reply Likes
Hi Carla,

Can you post your website's URL (address) please? So that we can take a closer look.

Also, do you know which style you are using?
Photo of carla lado b

carla lado b

  • 50 Posts
  • 1 Reply Like
Style: squeaky clean. carlaladob.com
Photo of Ruth

Ruth

  • 2819 Posts
  • 135 Reply Likes
Hi Carla,

It looks like the image you have used for the entry page is tiling.

I don't see the line at the top of the page.



But I do see the one at the bottom.

Can you email support@yola.com with the details you have provided here, or a link to the thread? I'd like to consult with some of the other support agents (who aren't currently working) and see if we can find a resolution for you.
Photo of carla lado b

carla lado b

  • 50 Posts
  • 1 Reply Like
I already e-mail.You don't see the line on the top because I made the page bigger, to it doesn't appear, but I would like my first page without scroll bar, however with bar 2 lines will appear.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Carla

I have just responded to you in support. My apologies for the late reply as I was offline yesterday. I'll post the fix here too:

<style type="text/css">
body {
font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
font-size: 12px;
color: #333333;
background-color:#FFFFFF;
background-image:url();
background-repeat:;
background-position:;
background-attachment:;
}

#menu{
margin: 0;
margin-left: 5px;
margin-right: 5px;
border-bottom:solid 0px #CCCCCC;
}

.sys_footer{
text-align:right;
font-size:small;
border-top:solid 0px #CCCCCC;
margin:0 auto;
padding-top:10px;
padding-bottom:10px;
}

</style>

Just to explain what I did:
I made the border-bottom of your menu and the border-top of the footer 0px - this will make the line disappear. :)

Please let me know if you have any trouble with this.