Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

CSS in Wordpress Widgets

css in wordpress widgets



7:58 pm on Apr 7, 2011 (gmt 0)

I am trying to find a way to add CSS to widgets in a wordpress sidebar.

I have used the regular text box which will allow me to add HTML or Javascript with no problem. But I am trying to dress up a widget for [cheapmalta.net...] If you look you can see there is an image of an iPod for subscribing to podcasts. Everything I try seems to fail.

What I am trying to accomplish is to have an image like the one on [exoticvisitors.com...] of a new novel as a background. The problem is that I want to have clickable text in the widget. The only way I can find to do it is to make the entire image a hyperlink. That will not work because I need several links over the image.

Does anyone know of a way to add CSS to text widgets or is there a wordpress plugin available? I have looked everywhere.


3:46 am on Apr 8, 2011 (gmt 0)

Hey joxster...welcome!

You might consider creating a custom Menu with custom links and then using the widget editor to place that menu in your sidebar. From there you can create custom CSS that would allow you to put in a background, modify the look/feel of the links, etc. If you are using the web developer tools in Chrome, FF, or IE, you should be able to see the custom CSS classes and ids that WP is assigning to the menu and its content.

The other option would be to simply use the Text widget item to create some custom HTML/CSS, maybe even in combination with an image map perhaps. Certainly not the most elegant, but does get the job done if all else fails.



4:23 am on Apr 8, 2011 (gmt 0)

Thanks a lot. That is a great. I like the idea of a menu.


Featured Threads

Hot Threads This Week

Hot Threads This Month