Defining a CSS Class for Particular Widget
Posted 29 May 2012 - 09:07 PM
Posted 29 May 2012 - 09:47 PM
Posted 29 May 2012 - 10:13 PM
Posted 29 May 2012 - 10:22 PM
Posted 30 May 2012 - 12:04 AM
Posted 30 May 2012 - 02:06 AM
Posted 30 May 2012 - 02:45 AM
Posted 30 May 2012 - 09:56 AM
Posted 30 May 2012 - 10:22 AM
Posted 30 May 2012 - 11:07 AM
You can simply use Firebug or Chrome/Safari's web dev tool to find the Widgets ID. Each Text Widget is given a specific id which allows you to apply CSS to that particular widget.
Look at the image I have linked below.
There are two text widgets there, the one highlighted in red has an id of 2 and the green highlight widget has an id of 3.
So with that, we can then use these id's to style the each widget individually view the code below to see what I mean.
Adding the code above will end up giving you this:
Posted 30 May 2012 - 01:03 PM
I would add this:
So the first way allows the CSS outlined in the DIV to be applied anywhere while the second way restricts it o that particular widget. And I am sure that I can refine things so that the CSS only works with widgets.
Do I get a gold star?
Posted 30 May 2012 - 09:27 PM