WordPress.com

1. travelbarefoot
   Member
   Apr 16, 2012, 1:41 PM

   Hi,

   New to CSS and in real need of a bit of guidance - thanks in advance for your help!

   1. Get rid of that title! How do I do it?
   2. Move the menu to below the header image and put my own background on it (removing the "paper" effect)
   3. Bringing the widgets closer together so that there isn't all that dead white space between them.

   I look forward to your reply!!

   The blog I need help with is inkedincolour.wordpress.com.

2. designsimply
   Happiness Engineer
   Apr 16, 2012, 1:44 PM

   1. Get rid of that title! How do I do it?

   Go to Appearance → Header and uncheck the option that says, "Show header text with your image."

3. designsimply
   Happiness Engineer
   Apr 16, 2012, 1:47 PM

   Wait a sec, I was looking at the site linked to your username which is http://barefootink.wordpress.com/ and that's not using Adventure Journal, it's using Structure.

   Looks like you're asking about http://inkedincolour.wordpress.com/

   Adventure Journal doesn't have the option I mentioned before, but you can use CSS to hide the entire site title and tagline area like this:

   #logo {
       display: none;
   }

4. designsimply
   Happiness Engineer
   Apr 16, 2012, 1:59 PM

   2. Move the menu to below the header image and put my own background on it (removing the "paper" effect)

   How to do the spacing for a request like this will depend on how large the background image is that you want to put behind the menu. To get you started, here is an example of CSS that will move the menu down below the header image with no background image:

   #menu-wrap,
   #menu,
   #nav-right {
       background: none;
   }
   
   #container2 {
   position: relative;
   }
   
   #menu {
   display: block;
   
   position: absolute;
   top: 390px;
   left: 0;
   }
   
   #banner {
   padding-bottom: 20px;
   }

   To go from there, add in the background image to either #menu-wrap or #menu and then adjust the spacing and positioning as necessary.

5. designsimply
   Happiness Engineer
   Apr 16, 2012, 2:00 PM

   3. Bringing the widgets closer together so that there isn't all that dead white space between them.

   To remove spacing from between widgets in the Adventure Journal theme, start wtih this:

   #secondary .widget, #tertiary .widget {
   min-height: auto;
   padding-bottom: 0;
   margin-bottom: 0;
   }

   Adjust the numbers as necessary.

6. travelbarefoot
   Member
   Apr 17, 2012, 11:35 AM

   all done, thankyou!

Topic Closed

This topic has been closed to new replies.