Jump to content


Photo
- - - - -

How to add icons to sidebar widget titles


  • Please log in to reply
9 replies to this topic

#1 scootdc

scootdc

    Advanced Member

  • Members
  • PipPipPip
  • 42 posts

Posted 17 September 2011 - 04:55 PM

How can i add icons to the sidebar widget titles as in this example:

Please Login or Register to see this Hidden Content



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 17 September 2011 - 04:58 PM

You can use custom CSS to add a background image property to the widget titles. Do you already have the icons you want to add to yours?

#3 scootdc

scootdc

    Advanced Member

  • Members
  • PipPipPip
  • 42 posts

Posted 17 September 2011 - 05:03 PM

No. I'll have to create the icons then add them to the background image but i'm having trouble identifying the specific div for the widget-title. For example, you can view the page i'm working on here:

Please Login or Register to see this Hidden Content



#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 17 September 2011 - 05:05 PM

The selector is this:

Please Login or Register to see this Hidden Content



#5 scootdc

scootdc

    Advanced Member

  • Members
  • PipPipPip
  • 42 posts

Posted 17 September 2011 - 05:10 PM

Sweet. Thank you.

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 17 September 2011 - 05:12 PM

Did you already try it and did it work?

#7 scootdc

scootdc

    Advanced Member

  • Members
  • PipPipPip
  • 42 posts

Posted 17 September 2011 - 05:32 PM

yep. check it out

#8 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 17 September 2011 - 05:55 PM

It's in maintenance mode but that's okay. Fabulous!

#9 kgcre8tive

kgcre8tive

    Newbie

  • Members
  • Pip
  • 4 posts

Posted 03 November 2011 - 06:35 PM

Exactly what I am looking to do, although I cannot get it to take. Where do you specify the class for unique widget titles?

#10 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 11 November 2011 - 03:24 AM

You'll need Firebug to inspect the widget titles and grab the classes from there. Firebug for Firefox is available here:

Please Login or Register to see this Hidden Content