WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Ten
Sidebar fonts (7 posts)

  1. soulstyle
    Member
    Posted 2 years ago #

    http://www.soulstyle.ca/word

    I'd really like to change the fonts in my sidebar info - the headings are fine, it's the font of the Text Widget info below it that's i'd like to change.
    HUGE newbie to this, I have read some of the other posts, but am scared to mess things up.
    Any help would be appreciated. Thank you.

    http://wordpress.org/extend/themes/twentyten/

  2. zeaks
    Member
    Posted 2 years ago #

    First one should change the text in the text widget, second one should change the text in the others.

    .textwidget p {  }
    .widget-area, .widget-area a:link, .widget-area a:visited {  }
  3. soulstyle
    Member
    Posted 2 years ago #

    Hi Zeaks.
    http://www.soulstyle.ca/word

    verbage under "I'm Tracy", under "The Heart of Me", the archive list, the blog roll, etc.

    For anyone else, what you've said may have answered it - for me, not so much.
    WHERE do i go to see the shot above; WHERE is the font size info there; WHAT am i adding to change font & size and WHERE am I adding it.
    Thanks.

  4. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

    Don't edit the Twenty Ten theme. Instead create a child theme for your changes.

  5. soulstyle
    Member
    Posted 2 years ago #

    WOWZA - again. super new to wordpress, zero knowledge of css. the 'create a child theme' is way out of my league.

  6. zeaks
    Member
    Posted 2 years ago #

    You should start off by creating a child theme if you want to make changes to Twenty Ten. This will prevent your changes from being overwritten if it's ever upgraded.

    Codex guide - http://codex.wordpress.org/Child_Themes
    My own guide - http://zeaks.org/child-theme-basics/

    I crated a starter child theme for you, just upload and activate, then you can add all your changes to it instead of Twenty Ten.
    http://zeaks.org/soulstyle-theme.zip

    Once you have done that, open style.css and add the css to change the fonts. font-family changes the font, font-size changes the size
    List of families http://www.fonttester.com/help/list_of_web_safe_fonts.html

    This will change the font in the text widget

    .textwidget p {
    font-family: font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    }

    This will change the active font in the other widgets

    .widget-area, .widget-area a:link, .widget-area a:visited {
    font-family: font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    }

    Add them both to the style.css, and save it. Change the font to whatever you want, and the size to whatever you want. You can edit the style.css in Appearance > Editor

  7. soulstyle
    Member
    Posted 2 years ago #

    Thank you zeaks! I have to have my website host upload & activate the theme you sent, then I'll be able to follow your instructions. I appreciate your help & your pity :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags