Help with header logo and category spacing

• 

  papadoble · Member · Jan 22, 2012 at 4:16 pm

  • Copy link
  • Add topic to favorites

  Hey all,
  looking for a quick CSS tip on 2 things. I have looked and tried a bunch of code from others who’ve said it worked but I guess because I’m on a wordpress.com instead of org or maybe the theme I’m using, I don’t know, I haven’t had luck yet with anything.

  So I’m trying to put a logo above the header and nix the stock text for the site name.
  I tried this code:
  #site-title {
  background: url(“http://drolldecanter.files.wordpress.com/2012/01/logo21.jpg”) no-repeat scroll 0 0 transparent;
  height: 144;
  width: 540;
  }

  #site-title a, #site-description {
  display: none;
  }

  which was said to have worked, but it didn’t for me (the above jpg is the one im trying to get above the header)
  The only thing the code did was take out the text of the title, which was intended but it didn’t show the jpg.
  I’m using the chateau theme.

  Also, is it possible to change the spacing between the fancy category bar separator (you’ll see) and the category details text? I believe this may be specific to each theme, but Chateau is my guy, so I need it to work with this one. I included a screen shot of what Im talking about. Below where it says “category archives” there is far too much space between this and the details of the category so Id like this decreased. And then, there is far too little space between the end of the category details/description and the the title of the most recent post in that category (I hope this makes sense, the screenshot should help)

  Trying to get it up and running this week and I just want it perfect.
  Any help would be greatly appreciated.

  Screenshot of spacing probs

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

• 

  thesacredpath · Member · Jan 23, 2012 at 1:44 am

  • Copy link

  Logo.

  #main-title #site-description {
  display: none;
  }
  
  #main-title #site-title a {
  display: block;
  }
  
  #main-title #site-title {
  background: url("http://drolldecanter.files.wordpress.com/2012/01/logo21.jpg") no-repeat scroll 0 0 transparent;
  display: block;
  line-height: 144px;
  text-indent: -999px;
  width: 540px;
  }

  On the categories, are you talking about the thin line between entries in the categories widget in the sidebar (types of words)?

• 

  papadoble · Member · Jan 23, 2012 at 3:14 am

  • Copy link

  thesacredpath, Thank you so much sir! I literally spent all night on that. with regards to the spacing between categories, I’m talking about there being too much space from the bottom line below “category archives: Words” and the first line of text of the category description below. As well as there being a few pixels too short between the last line of text of the cat description below. Hopes this makes sense, it just bugs me, the gap between the text. I really appreciate your help.

• 

  thesacredpath · Member · Jan 23, 2012 at 4:42 am

  • Copy link

  I would try the following first to move the description up closer to the category page title line. The 25px bottom padding is to give some whitespace below the category description. You can adjust that as desired.

  .category-archive-meta {
  padding-top: 0;
  padding-bottom: 25px;
  }

  If that isn’t enough then add this and adjust the bottom margin as desired.

  .more-posts .page-title {
  margin-bottom: 35px;
  }

  Oh yeah, and the technical/copy editor in me came out:

  …leaving us to conclude that if your here, your either:

  your should be you’re in both cases.

  Sorry.

• 

  papadoble · Member · Jan 23, 2012 at 5:29 am

  • Copy link

  thesacredpath, thanks so much for your help. You’ve saved me a huge hassle. And thanks for unleashing the inner copy editor, please don’t be sorry for doing so. I have yet to go through everything with a real fine tooth comb yet, just trying to get it how I like it, visually, but yeah, I never would’ve caught that one probably. I’m trying to “launch” it tomorrow, but by rushing it, I’ll miss easy things like the you’re thing that we all know, yet overlook when we’re trying to decode the whole CSS jargon. I had it private as it wasn’t yet fit to be public but unlocked it so good people like yourself could give me some insight. I’ll probably go back to having it private until I fix every subtle nuance, lol. Thanks again man. This proves that I made the right choice in the wordpress.com hosting thing (especially vs the .org) against other places like GoDaddy and what not. Looks like theres a great community. Cheers!

• 

  thesacredpath · Member · Jan 23, 2012 at 5:41 am

  • Copy link

  You are welcome and yes, this is a great community.