WordPress.com Forums » Topic: Rookie help needed with CSS for non-profit page

designsimply on "Rookie help needed with CSS for non-profit page"

designsimply — Sat, 31 Mar 2012 01:15:49 +0000

Cheers :)

mikittens on "Rookie help needed with CSS for non-profit page"

mikittens — Sat, 31 Mar 2012 01:14:58 +0000

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.

designsimply on "Rookie help needed with CSS for non-profit page"

designsimply — Sat, 31 Mar 2012 01:03:40 +0000

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.

designsimply on "Rookie help needed with CSS for non-profit page"

designsimply — Sat, 31 Mar 2012 01:02:26 +0000

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

designsimply on "Rookie help needed with CSS for non-profit page"

designsimply — Sat, 31 Mar 2012 00:59:44 +0000

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.

mikittens on "Rookie help needed with CSS for non-profit page"

mikittens — Sat, 31 Mar 2012 00:56:48 +0000

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?

designsimply on "Rookie help needed with CSS for non-profit page"

designsimply — Sat, 31 Mar 2012 00:49:06 +0000

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

mikittens on "Rookie help needed with CSS for non-profit page"

mikittens — Fri, 30 Mar 2012 23:43:30 +0000

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!