WordPress.org

1. Trailmix
   Member
   Posted 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: http://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!

2. asechrest
   Member
   Posted 7 months ago #

   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.

3. Trailmix
   Member
   Posted 7 months ago #

   Thank you that was exactly what I needed!

   I use Firefox - what is the plugin you're recommending?

4. asechrest
   Member
   Posted 7 months ago #

   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.

5. Trailmix
   Member
   Posted 7 months ago #

   Thanks again.

Reply

You must log in to post.