WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Ten
There's Got To Be An Easy Way To Change Title and Tagline Colors (22 posts)

  1. notawoodpecker
    Member
    Posted 1 year ago #

    Just need a simple way to set the Title and Tagline colors. I guess I could edit the CSS if I knew for sure what to edit, but then I run into a Permissions problem.

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yes, CSS is it - but make sure that you use a custom CSS plugin or a Child Theme so as to avoid making changes directly to theme files.

  3. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Try using Firefox with the Firebug add-on to locate the relevant CSS.
    http://getfirebug.com/

    But do not edit the Twenty Ten theme itself. First create a child theme for your changes or use a custom CSS plugin.

  4. notawoodpecker
    Member
    Posted 1 year ago #

    OK, Playing with the sample Child Theme.....

    What is the Tagline called if I want to change that? Tagline or something else?

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    If you use Firebug (click on that element and select Inspect Element)) - it shows you the code for that element -- including the CSS which is what you would copy to your child theme and change the color there. If you post a link to your site, someone can likely give you more specific help.

  6. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    It's usually displayed using <?php bloginfo( 'description' );

  7. notawoodpecker
    Member
    Posted 1 year ago #

    http://thetarnishedbadge.central-us.net/wordpress/

    Just took it out of Maintenance Mode, so it should be visible.

    Never used FF, so I don't have those options. I just do most of this in Notepad and upload the files.

    Looks like there are several CSS plugins to choose from. Recommendations?

  8. notawoodpecker
    Member
    Posted 1 year ago #

    I'd like to adjust the Fonts a bit too for the Title and Tagline.

    >> Edit
    We can edit posts here? Can't do that on the .com board.

    Don't need to do anything with the posts or page bodies, just the headers.

  9. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    So do you have a custom CSS option set up?

  10. notawoodpecker
    Member
    Posted 1 year ago #

    Yeah, I did one in Notepad and uploaded it. I can see the new Title font color in the theme preview from the Dashboard.

    Just need some guidance on the Tagline and font faces.

    I don't know enough about CSS to write it, but if I can C&P and know what to edit, I'm OK.

    Also, I guess wouldn't mind adjusting the Post body background color just a bit so it isn't so stark white.

  11. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    What did you do in Notepad?? Where are you putting your changes?

  12. notawoodpecker
    Member
    Posted 1 year ago #

    I just created the style.css file there, then uploaded to the themes directory.

    I can edit it locally now and re-upload or edit directly in the web host file manager.

  13. notawoodpecker
    Member
    Posted 1 year ago #

    This is all I have so far.

    /*
    Theme Name: Twentyten Child
    Description: Child theme for the twentyten theme
    Author: Tarn
    Template: twentyten
    */
    
    @import url("../twentyten/style.css");
    
    #site-title a {
        color: #1906b0;
    }
  14. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    You don't have a child theme active on your site. Perhaps you just need to switch to it -- i.e. activate the child theme?

    (But it's more than just adding a style.css file.)

  15. notawoodpecker
    Member
    Posted 1 year ago #

    No, I was just trying it in Preview. It's active now, but the only change is the Title color.

  16. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    That's the only change you've added to the child's CSS. Try adding your other CSS changes now.

  17. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Okay, cool. Now we're talking - this is what you need to add for the title and tagline:

    This would be the title:

    #site-title a {
        styles go here;
    }

    Tagline is site description:

    #site-description {
       styles here;
    }
  18. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

    There similar (but less powerful) CSS inspectors in Chrome and IE.

  19. notawoodpecker
    Member
    Posted 1 year ago #

    I believe I've got it now.

    Forgot what to do to kill the Italics, but I found it.

    Except for the Post body background color if I could darken it just a bit so it isn't so stark white.

  20. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    You'll need to learn how to use Firebug (or other similar) if you are going to work with CSS -- there's virtually no way to do it otherwise unless you want to waste a lot of time and drive yourself crazy :).

    The site-wide background is set in the wrapper div:

    #wrapper {...}

    This site is a good CSS reference which may also come in handy:

    http://www.w3schools.com/css/

  21. notawoodpecker
    Member
    Posted 1 year ago #

    I use w3 quite a bit. :)

    Just not familiar with where things are in WP yet.

    Edit>

    OK, got the background changed for now. At least I know what to look for and can tweek it some more when I get the time.

    Thanks Y'all

  22. notawoodpecker
    Member
    Posted 1 year ago #

    Bumping this back up to look at the Fonts for Post Body, Post Title and the widgets. I've dug up a few old threads to see the coding, but I'm not sure what to put in the child theme, or where.

    http://wordpress.org/support/topic/changing-fonts-in-twenty-ten-template?replies=3

    http://wordpress.org/support/topic/theme-twenty-ten-sidebar-fonts?replies=7

    I can see the elements, but I'm not sure about the order in which they need to be placed or if blank lines between matter.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.