Filling in white space under menu bar with background color

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Dear Yola Community,
I would like to eliminate the white space at the top of my home page directly under the menu bar....so that essentially, I'd fill it in with the gray that you see as background behind the images and text below. Here's the link to my site:

http://greenpointvideoproject.yolasit...

I think this involves using some HTML code, but I'm not too good at that, and would appreciate some helpful suggestions...Thanks!
Photo of Keith

Keith

  • 5 Posts
  • 0 Reply Likes
  • delighted with Yolasites!

Posted 7 years ago

  • 1
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hello Keith,
This is something that might be accomplish-able with CSS, however this is not my area of expertise so I am going to ask our HTML team to have a look and offer some suggestions if they have them. Please allow for 48 hours for them to review the case.

Kind Regards,
Emmy
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Keith,

Thanks for your patience. I have taken a look at your request. Unfortunately, it will not be easy to do this. You see, that strip that you wish to remove is part of a large image that makes up your background. Removing this strip will also mean removing the color behind your banner, and the color behind your navigation bar. If you do wish to proceed with this, you would need to add this code to every page in an HTML Widget:

<style type="text/css">
body {
background-image: none;
}
</style>


Alternatively, you can download the image and make tweaks using a photo editing software and upload it again and implement the code to override the default code.

Please let me know if you have further questions about this.
Photo of Keith

Keith

  • 5 Posts
  • 0 Reply Likes
Thanks so much, Sanja and Emmy.

I don't know how the code works, but it does. Maybe typing the word 'none' tells the page to eliminate the colors except the background grey. I don't think I mind losing the color behind the banner, and at your alternative suggestion I think I'll be able to restore it by creating a new background with the banner in Photoshop.

I'm sure there's some room for experimentation, now that I know there's an HTML widget.

again, thanks.
Keith