Custom Text Widget

[KM]

Hello, how do I create and install a custom text widget that has no padding and background color. I would like to be able to drag this custom text widget from the "Available Widgets" area into the Primary or Secondary Sidebar.

I also want to keep and use the default text widget.

Thank you.

[Christopher Harris]

You can create specific CSS for a specific widget that has no padding and the background color you would like. You will not have to create a special text widget for this. The CSS would look something like this...

#text-1 {padding: 0; background: black;}

You will need to use the id of your custom widget (#text-1 in my example above). To find the id use something like firebug in Firefox or Developer tools in Chrome.

---

WordPress Consultant and Genesis Developer http://wpattendant.com

[KM]

Thank you very much for that Christopher.

The reason why I wanted a custom text widget is because I will be using different sidebars that show unique content on specific pages and would like to drag that same custom widget style in the other sidebars.

Is there a way then I can achieve this without a custom text widget?

[Christopher Harris]

I use simple sidebars to control which widgets appear on which pages...
http://wordpress.org/plugins/genesis-simple-sidebars/

---

WordPress Consultant and Genesis Developer http://wpattendant.com

[KM]

Yes I have simple sidebars but how do I get that same custom style widget into a different sidebar?

[Christopher Harris]

You will have to create a new widget for the site the other sidebar you want to place it in then add it's unique is to to you CSS and then it will be styled the same.

Using the same sample code from before you would do this to have the widgets styled the same for your different sidebars:

#text-1,
#text-2 {
    padding: 0; 
    background: black;
}

---

WordPress Consultant and Genesis Developer http://wpattendant.com

[KM]

Ahhh yes of course, that makes sense. Thank you Christopher!

[Christopher Harris]

Happy to help!

---

WordPress Consultant and Genesis Developer http://wpattendant.com

[Author]

Posts