How can I take some bars out of my site template in CSS?

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Hi - to anyone who can help!

My site - http://www.themeparkpost.com - has just added some new ad banners.

The problem is that a lot of my content is now pushed below the fold as a result.

I really love the template I have now - which is perfect, but it has this annoying grey area under the top banner with my logo.

That means that currently my CSS navigation menu is hanging in mid air and my first post of the day gets pushed to almost below the fold. I would rather simply have the CSS menu "sticking" to the top banner.

I know there are ways to adapt the template and found the Site CSS button, but am not an expert. Can anyone tell me

1. How I can adapt the CSS or HTML of the template - you apparently not adapt it in that mode (I tried but nothing happens)
2. Which bits I would need to take out to just remove that greyish area?

Probably really simple but I have thousands of hours spent on this site so would be a bad idea to mess up ;-)

Thank you!
Photo of ThemeParkPost

ThemeParkPost

  • 38 Posts
  • 2 Reply Likes
  • thankful

Posted 7 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi TPP,

Try adding this to your CSS over-rides.

#splash {
background: url("templates/Redplanet_Blue/resources/common/images/img5.gif") repeat-x scroll left bottom transparent;
border-left: 20px solid #FFFFFF;
border-right: 20px solid #FFFFFF;
height: 127px;
margin: 0 auto;
overflow: hidden;
width: 877px;
}


This will take out a lot of the bottom of that banner which is where the grey seems to be.

Photo of ThemeParkPost

ThemeParkPost

  • 38 Posts
  • 2 Reply Likes
YES! That already helps a great deal! Thanks a lot!