Adding transparent space below menu

  • Resolved Trailmix

    (@trailmix)


    15 years, 7 months ago

    How do I add horizontal transparent blank space below a menu bar to separate it from the main body and sidebar sections? I want the background image to show through this space. This site shows what I want to do: https://www.lolministry.com but this is what I have on mine: gilbrazilwp.vftm.net. I am a real beginner at this — thanks for any help!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Open up your style.css file. Look for the #content section. Replace margin:0; with margin: 10px 0 0 0;.

    Look for the #sidebar section. Replace margin:0 with margin: 10px 0 0 0;.

    See if that works. Once you learn a bit about CSS, consider using the Firefox web browser with a plugin that lets you edit CSS in real time without worry of screwing up the real CSS file. It really helps you understand how the CSS code controls page layout.

    Thread Starter Trailmix

    (@trailmix)

    Thank you that was exactly what I needed!

    I use Firefox – what is the plugin you’re recommending?

    Web Developer Toolbar. Adds a toolbar with, among other things, and dropdown CSS menu that allows you to play with your CSS code and see immediate changes without actually editing the file. So you could add those margins, play around with the px size, see which looked best, then when you’ve settled on the correct code, go in to your style.css and change it.

    It’s nice.

    Thread Starter Trailmix

    (@trailmix)

    Thanks again.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adding transparent space below menu’ is closed to new replies.