WordPress.org

Ready to get started?Download WordPress

Forums

how to change calender widget text color? (17 posts)

  1. moorea21
    Member
    Posted 1 year ago #

    Hi, using suffusion 4.0.1, site url is http://www.instituteofchairmans.com/

    In my right hand sidebar there is a calender widget, currently white text on a white background, I was hoping to change either the text color to black, or the background color to #75062d.

    I can't find a way to do this only to the calender widget. Been using firebug to show me what's going on, but this one still eludes me.

    I like the white text colour everywhere else, just not for this particular widget!

  2. Tara
    Member
    Posted 1 year ago #

    I don't see any calendar in the right sidebar.

  3. bythegram
    Member
    Posted 1 year ago #

    I think you add a css rule for #wp-calendar in your style.css ie

    #wp-calendar{
    color:#75062d;
    }

    That should change the text color (or instead use "background")

    Hope that helps!

  4. moorea21
    Member
    Posted 1 year ago #

    No, that's because it's white on white... hence the problem! It is there, mouse over and it should show tool tip text. Or it does on mine, anyway.

  5. moorea21
    Member
    Posted 1 year ago #

    Hi bythegram,

    That is probably what I was looking for, just didn't know it was called wp-calender! Thanks, I'll try it now... Yes, thats it! Looks good like that.

  6. moorea21
    Member
    Posted 1 year ago #

    Just for the record... where do I find the names of each widget? That was what really held me up.

    Thanks all

  7. Tara
    Member
    Posted 1 year ago #

    admin - appearance - widgets

  8. moorea21
    Member
    Posted 1 year ago #

    okay, thanks. I think I'll have to read a book or something, I just don't know enough...

  9. moorea21
    Member
    Posted 1 year ago #

    so flickr widget would be
    #wp-flickr
    in the style sheet?

  10. bythegram
    Member
    Posted 1 year ago #

    Probably. I used Chrome's built-in "firebug like" app. It allowed me to scroll over your calender and showed its id. It also lets you test out the css rule so you can have an idea if you are changing the right thing.

    I'd assume firebug would be similar but I don't have firefox at work.

    Best of luck!

  11. moorea21
    Member
    Posted 1 year ago #

    I think I'll get Chrome in that case. Firebug does'nt seem to let me scroll over and see ID's.

  12. moorea21
    Member
    Posted 1 year ago #

    I added this to the style sheet, no response in the browser.

    #wp-flickr{
    color:#75062d;
    }

    Chrome it is then!

  13. bythegram
    Member
    Posted 1 year ago #

    out of curiosity where on your page is your flicker widget?

  14. moorea21
    Member
    Posted 1 year ago #

    it says 'Institute of Chairmen on Flickr'. It's the title text color/ size/weight I'm hoping to be able to change. Slightly embarrassed that I can't find something in Suffusion options to do that with, it's probably there.

  15. bythegram
    Member
    Posted 1 year ago #

    on the right where it says "Institute of Chairmen on Flickr" ? If so and you want to change the color of that text add this to your css:

    #suf-flickr-2 h3{
    color:#75062d;
    }

    And once you get Chrome you can just right-click on any element and "inspect element", it has came in handy so much for me. Cheers!

  16. bythegram
    Member
    Posted 1 year ago #

    lol by "right" I meant "left"

  17. moorea21
    Member
    Posted 1 year ago #

    Right, I got that. Or do I mean, left, I got that:)
    thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic