How do I remove the title box above header image?

• 

  ariannasrandomthoughts · Member · Dec 22, 2011 at 3:53 am

  • Copy link
  • Add topic to favorites

  Hi, I would like to know how to make a couple changes to my blog header. In the Adventure Journal Theme im using, the title of the blog appears in a box above the header image. I want to remove the title box as my header image is the my logo. I dont need two titles. Therefore, I’d like to know how to do this in CSS. Any help would be great and very much appreciated.

  Also how do I change my font colour.

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 22, 2011 at 3:58 am

  • Copy link

  This will do it.

  #logo {
  margin-left: -9999px;
  }

  On the font color, which parts of the site do you want to change the color on?

• 

  ariannasrandomthoughts · Member · Dec 22, 2011 at 4:14 am

  • Copy link

  Thanks! I’m new to css so where should i put that as there are two boxes. Im going to try it. Totally new to this so we’ll see how it goes.

  I want the menu and titles changed from the dark brown.

  Thanks so much :)

• 

  thesacredpath · Member · Dec 22, 2011 at 4:22 am

  • Copy link

  At appearance > custom design > CSS, delete all the informational text from the text box, paste in the code I gave and then preview (sometimes you have to refresh the preview page to see the change). If you are satisfied, make sure “add to existing…” is selected and then click save stylesheet.

• 

  ariannasrandomthoughts · Member · Dec 22, 2011 at 4:30 am

  • Copy link

  Thanks so much! That was a lot easier than I expected. I’m so glad I asked you.

  Now to just change the menu bar below the image and the font colour.

• 

  thesacredpath · Member · Dec 22, 2011 at 4:34 am

  • Copy link

  Which font color?

  What do you want to do to the menu bar?

• 

  thesacredpath · Member · Dec 22, 2011 at 4:37 am

  • Copy link

  Are you talking about the one where it says, “Older?”

• 

  ariannasrandomthoughts · Member · Dec 22, 2011 at 4:52 am

  • Copy link

  I think I want the silver or the light blue that in the thoughts to be in older, blog titles, and
  email subscription.

  I want to also move the menu bar below the header image.

  Thanks so much for your help.

• 

  thesacredpath · Member · Dec 22, 2011 at 5:13 am

  • Copy link

  “Older” text, blog titles, page titles, widget titles, to the bluish-grey. Or you can edit and change the color code. I just sampled the “thoughts” color with my color picker.

  h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, .widget h3, .entry-title, .nav-previous a, .nav-next a {
  color: #666677;
  }

  I’ll work on moving the nav down below the image shortly.

• 

  ariannasrandomthoughts · Member · Dec 22, 2011 at 5:39 am

  • Copy link

  Thanks so much! I love it. Still leaving a few things brown.

  You’re a lifesaver with this.

• 

  thesacredpath · Member · Dec 22, 2011 at 5:46 am

  • Copy link

  You are welcome, and add this and see what you think for the menu move.

  #container {
  margin-top: 50px;
  }
  
  #container2 {
  position: relative;
  }
  
  #wrapper-content {
  padding-top: 445px;
  }
  
  #menu {
  position: absolute;
  right: 80px;
  top: 425px;
  }

• 

  thesacredpath · Member · Dec 22, 2011 at 5:47 am

  • Copy link

  BTW, your site looks great.

• 

  ariannasrandomthoughts · Member · Dec 22, 2011 at 6:47 am

  • Copy link

  Thanks so much for all your help! It looks exactly the way I wanted it to :) Really appreciate it.

• 

  ariannasrandomthoughts · Member · Dec 22, 2011 at 6:52 am

  • Copy link

  Thanks so much for all your help! It looks exactly the way I wanted it to :) Really appreciate it.

  The only problem is the menu font is still brown

• 

  ariannasrandomthoughts · Member · Dec 22, 2011 at 7:03 am

  • Copy link

  Dont know why that posted twice. If you could help me with that and the fact that when the header is gone there is now a stripe at the top of the page.

  Whenever you have time. No rush. Thanks!

• 

  thesacredpath · Member · Dec 22, 2011 at 7:11 am

  • Copy link

  Ok, so you want all the brown text to go the blue-grey?

• 

  thesacredpath · Member · Dec 22, 2011 at 7:21 am

  • Copy link

  This catches, I think, everything else.

  a, #menu a, h1, h2, h3, h4, h5, h6 {
  color: #666677;
  }

  There is also a “visited” link color declared (a dark blue). If you want to change that to the blue-grey, add the following.

  a:visited {
  color: #666677;
  }

• 

  ariannasrandomthoughts · Member · Dec 22, 2011 at 7:34 am

  • Copy link

  Thanks so much! I’m done for the night. I may ask more questions to you later :)
  Have a good one!

• 

  thesacredpath · Member · Dec 22, 2011 at 7:34 am

  • Copy link

  You are welcome and you know where we are.

• 

  ariannasrandomthoughts · Member · Dec 22, 2011 at 7:39 am

  • Copy link

  The last two things I wanted to ask and was going to ask tomorrow were:
  1) how do i remove the discolouration strip at the top of my page?

  2) do you know how to make an archive page – that lists the titles of all my articles by month?

  Thats what I was going to ask but since you are really helpful I thought I would ask now before I forget.