Rookie help needed with CSS for non-profit page

  • Author
    Posts
  • #858607

    mikittens
    Member

    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.

    #858817

    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;
    }
    #858818

    mikittens
    Member

    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?

    #858820

    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.

    #858821

    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;
    }
    #858823

    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.

    #858829

    mikittens
    Member

    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.

    #858830

    Cheers :)

The topic ‘Rookie help needed with CSS for non-profit page’ is closed to new replies.