Help with editing /customising my blog style sheet! (4 posts)

  1. whatsyourzen
    Posted 4 years ago #

    I just moved from wordpress.com to self hosted WP, and using the same default WP theme Twenty Ten.

    WP.com site:

    WP.org site:

    I was surprised to see the theme actually looks quite different in the .com and self hosted versions. I would like to match the theme back to the .com version as much as possible.

    How can I:

    1. Reduce the main column body width so that the right column can have more space?

    2. reduce the spacing between the main column and the right column? There seems to be a lot of blank space in between.

    3. Change the current font to helvetica? I already edited the style.css font-family but it doesn't look helvetica to me...

    4. Remove the black bar at the top of the header

    5. Input the blog name/tagline in settings, but not have it show up on the actual blog (because I already have a banner image with blog name)


  2. esmi
    Forum Moderator
    Posted 4 years ago #

    Don't edit the Twenty Ten theme. Your changes will be over-written the next time you upgrade WordPress. For this reason, it is recommended that you consider creating a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.

  3. whatsyourzen
    Posted 4 years ago #

    done! now i guess comes the hard part.. what codes do i need to put into the child theme's style.css?

  4. esmi
    Forum Moderator
    Posted 4 years ago #

    I'd recommend using Firefox with the Firebug add-on for this kind of work. It will help you to isolate the CSS rules in the parent's stylesheet that you need to amend. Copy those rules into the child's stylesheet and amend them to suit.

Topic Closed

This topic has been closed to new replies.

About this Topic