homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

CSS in Wordpress Widgets
css in wordpress widgets

Msg#: 4293836 posted 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.



Msg#: 4293836 posted 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.



Msg#: 4293836 posted 4:23 am on Apr 8, 2011 (gmt 0)

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


Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved