WordPress.com

1. mikittens
   Member
   Mar 30, 2012, 11:43 PM

   I'm putting together a fairly basic page for a small animal rescue non-profit. I will confess I know nothing about CSS and throw myself on the mercy of kind-hearted forum posters,

   The url is mikittens.org and we have the Twenty Ten theme. I'm looking for CSS assistance for two specific things:

   1. Hide the page title in the footer (I know the powered by WordPress has to stay).

   2. Lessen the left (and likely right) margin in the white text area for more space.

   We'll be learning as we go but in the interest of getting things up and running I'm hoping for some help.

   I'm sure this falls under the category of dumb question, but once we have the code we enter it in the CSS box between the /* and the */ correct? Are there any other steps?

   Go easy please :)

   Thank you!

   The blog I need help with is mikittens.org.

2. designsimply
   Staff
   Mar 31, 2012, 12:49 AM

   1. Hide the page title in the footer (I know the powered by WordPress has to stay).

   To hide the site title which appears on the left side in the footer widget in the Twenty Ten theme, try this:

   #colophon #site-info {
   display: none;
   }

3. mikittens
   Member
   Mar 31, 2012, 12:56 AM

   Thank you for the reply. I must not be entering it correctly as the appearance doesn't change.

   Can you please dumb it down to the most basic level lol? Do I put that text between the */ and /* or some other method?

4. designsimply
   Staff
   Mar 31, 2012, 12:59 AM

   That, or we're not talking about the same things. Are you talking about this? http://cl.ly/FS1V/o

   Note that all of the other footer credits must stay.

   To make it work, you should add the code listed above to your Appearance → Custom Design → CSS page and click the Save Stylesheet button.

5. designsimply
   Staff
   Mar 31, 2012, 1:02 AM

   2. Lessen the left (and likely right) margin in the white text area for more space.

   You are using a static front page with the "One column, no sidebar" template in the Twenty Ten theme. To adjust the margins for that type of page, you can just increase the width of the main content area, like this:

   .one-column #content {
   width: 940px;
   }

6. designsimply
   Staff
   Mar 31, 2012, 1:03 AM

   I'm sure this falls under the category of dumb question, but once we have the code we enter it in the CSS box between the /* and the */ correct? Are there any other steps?

   That's not a dumb question! And, I should have read to the end before answering #1... you actually need to replace the entire default block including the /* and the */ with the code examples above.

7. mikittens
   Member
   Mar 31, 2012, 1:14 AM

   Thank you thank you thank you! Now I understand :) I see you reply to a lot of the questions - it's very kind of you to be so helpful (and patient!)

   Much appreciated.

8. designsimply
   Staff
   Mar 31, 2012, 1:15 AM

   Cheers :)

Topic Closed

This topic has been closed to new replies.