Finding code

• 

  kendrajk · Member · Feb 11, 2010 at 12:00 am

  • Copy link
  • Add topic to favorites

  Hi,

  Okay I know there isn’t anyone official on CSS staff or anything on here but I have a couple questions.
  I’m pretty good with CSS and understanding things but on my blog (http://kendrajkphotography.wordpress.com/) I’m using the Sandbox1.6.1 theme and editing a template.

  If you look on the blog, just under my header image is the green line that has my pages (“The person behind the words” and “My opinions on art” is the text). I changed the color of the text and of when you hover over the links but can’t seem to find the code to change the background green color. I just need to know what code to look for please :)

  And also, while trying to find the above code I think I changed the color of the text/links that are just under each post that says “By kendrajk | Posted in photography | Tagged update | Edit | Comments 1”. I must have changed the font color to that of the color of the posts. But can’t seem to find that code either.

  I just need the few keywords for each of those that I should be looking for in the code. (or a way to just add onto my code and change it)
  If anyone could help that would be great. :)

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

• 

  devblog · Member · Feb 11, 2010 at 12:33 am

  • Copy link

  As soon as I have a chance, I’ll see what I can do for you.

  Also, I would appreciate it if you gave attribution as per the skin’s license

  http://sandboxskins.mycoolrealm.com/2009/07/sandbox-skin-leaf/

  Thanks.

• 

  tellyworth · Staff · Feb 11, 2010 at 12:47 am

  • Copy link

  This should do it I think:

  #menu { background-color: #f00; border-top-color: #f00; }

  Obviously replace #f00 with your chosen colour.

  If you’re not using Firebug or Safari’s Web Inspector, you should.

• 

  devblog · Member · Feb 11, 2010 at 12:57 am

  • Copy link

  You need to change the code in these selectors:

  #menu ul li a:hover {
  color:#fff;
  background:#d6e2be;
  }
  
  #content a {
  color:#fff;
  text-decoration:none;
  }

  Obviously, in the first selector, the code you need to change is that of the background property and in the second one, the value of the color property.

• 

  kendrajk · Member · Feb 11, 2010 at 1:16 am

  • Copy link

  devblog, I have a link to the skin in my “about me” page.
  I figured out how to change what I was looking to change thanks :)

  tellyworth, yes I just installed firebug and love it!

• 

  kendrajk · Member · Feb 11, 2010 at 1:34 am

  • Copy link

  one more question,
  I want to make my header clickable back to the home page.
  I’ve looked at all the other posts here and haven’t found one that’s working for me.
  What code do I need to put it/what do I need to take out or change?
  Thanks

• 

  devblog · Member · Feb 11, 2010 at 2:17 pm

  • Copy link

  On my lunch break I’ll give you the code for that.

• 

  devblog · Member · Feb 11, 2010 at 3:34 pm

  • Copy link

  No need to wait for lunch break. Here’s the code:

  Replace these selectors:

  #blog-title {
  visibility:hidden;
  }
  
  #blog-title a {
  color:#330;
  text-decoration:none;
  }

  with these:

  #blog-title {
  height: 100%;
  margin: 0;
  }
  
  #blog-title a {
  display: block;
  height: 100%;
  text-indent: -9999px;
  }

  That should do it.

• 

  kendrajk · Member · Feb 11, 2010 at 9:56 pm

  • Copy link

  Yes, it worked :)
  Thank you

• 

  timethief · Member · Feb 11, 2010 at 10:12 pm

  • Copy link

  Oops! There’s no attribution on the skin yet.
  https://en.forums.wordpress.com/topic/finding-code?replies=9#post-431561

• 

  devblog · Member · Feb 11, 2010 at 10:32 pm

  • Copy link

  You’re welcome, Kendra.

  TT,

  Actually, there is one on her about page. :)

• 

  timethief · Member · Feb 11, 2010 at 10:37 pm

  • Copy link

  Cool! :)