WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Change title text color in 2011 theme (14 posts)

  1. martinrice
    Member
    Posted 11 months ago #

    Hi, I was wondering whether it is possible to change the color of the title text and tag line text in the 2011 theme?

    Thanks,
    Martin

  2. Andrew
    Forum Moderator
    Posted 11 months ago #

    Sure it's possible. Do you have a Custom CSS plugin or are you using a Child Theme?

  3. martinrice
    Member
    Posted 11 months ago #

    Hi, Andrew,

    No, I don't have a custom css plugin and I'm not using a Child Theme. I'm really new at this and don't know too much.

    As I said, I'm using 2011 and really only have 1 page up, a static home page, that I'm experimenting with in order to get a feel for things. REALLY just at the very beginning.

    What would you suggest I do? I don't really know any css, but if there's a place in the file for me to edit, I guess I could find it and put in the proper hex code for the color.

    Well, wait a minute. I do have the WooDojo Custom Code widget, which I've never used, but do you know whether this might be something I could use to change the css for the title and tag line, assuming I knew what to enter in there?

    Thanks for the help,
    Martin

  4. Andrew
    Forum Moderator
    Posted 11 months ago #

    It may be worth first reading through this page regarding changing the text colour:
    - http://www.w3schools.com/cssref/pr_text_color.asp

    And this regarding general CSS syntax:
    - http://www.w3schools.com/css/css_syntax.asp

    That may help you understand the code we recommend you use later on.

  5. martinrice
    Member
    Posted 11 months ago #

    Thanks, Andrew, I'll go read them right now.

  6. martinrice
    Member
    Posted 11 months ago #

    Well, they were short and sweet and very clear. I do understand what they're saying. I guess now I need to know what to put where.

    Thanks,
    Martin

  7. Andrew
    Forum Moderator
    Posted 11 months ago #

    Can you install this plugin: http://wordpress.org/extend/plugins/custom-css-manager-plugin/ ?

    It's so that you can put your CSS modifications in with the theme without modifying the theme's files, using its section of the dashboard.

  8. martinrice
    Member
    Posted 11 months ago #

    Hi, Andrew:

    Just went over and downloaded it and it installed just fine. So I guess the answer is "yes," :-)

    And thanks for the screenshot.

    Martin

  9. Andrew
    Forum Moderator
    Posted 11 months ago #

    That's okay.

    Do you have Google Chrome or Firefox?

  10. martinrice
    Member
    Posted 11 months ago #

    I'm using Google Chrome.

  11. Andrew
    Forum Moderator
    Posted 11 months ago #

    Can you right click on the site title and select 'Inspect element' [demonstrated]?

    A new toolbar will appear. That toolbar shows HTML along the left-hand side and CSS on the right-hand side [demonstrated].

    Look at the CSS. You can see a colour style. That is the style you need to override [demonstrated].

    Try copying that CSS and pasting it into your Custom CSS Manager section of the dashboard. Then change the colour value (21759b) to the colour you want in a hexadecimal format.

  12. martinrice
    Member
    Posted 11 months ago #

    Yes I can, Andrew. I'm going to give it a try and see if I can get it right. I'll report back.

    Thanks.

  13. Andrew
    Forum Moderator
    Posted 11 months ago #

    That's just going to change the hover state.

    To change the normal state of the titles try copying the style just below [demonstrated] and pasting that into your Custom CSS Manager.

  14. martinrice
    Member
    Posted 11 months ago #

    Got it! Thanks.

Reply

You must log in to post.

About this Topic