[SOLVED] Style 'Custom Menu' widget (WP 3.0)
The new menu feature in WP 3.0 works great now with Atahualpa 3.5.3. Thanks for this update!
There is some styling issue in the new "menu widget" though: sub-menus (second level) are styled "ugly", (i.e. NOT as in the pages widget). There's the "bar" for the first level and the "bar" for the second level which looks strange ... I hope you know what I mean. |
2 Attachment(s)
To explain it a bit more clearly see the attached files:
First picture: "ugly" styling with the new "menu widget" (WP 3.0) Second picture: nice styling as it should be with pages widget |
Add this to your CSS Inserts
HTML Code:
div.widget ul li { |
1 Attachment(s)
Hm ... That makes it look like that (see attachment).
I don't want to replace the "bars" by bullet points, but would like to style it as it is done with the "pages widget" (see attachments above). Another problem: The code you gave me is also influencing the other widgets in the sidebar. Can't I just style the "menu widget"? Thanks for further help. |
I grabbed that code from one of the example setting files and it also has the 'Left Margin for whole Item' option set to 0 (see ato->Style WIDGETS->Widget List Items)
You can style any widget, you have to do some digging though. If every plugin/widget developer used the same standards and naming conventions, then Atahualpa could have options to influence them all. Alas, this is not the case, so you have to look at the generated code and determine what CSS Selector you need to code to affect a particular widget. With that, you can then code the CSS rules to make the changes you want and add them to the CSS Inserts. |
If anybody knows how to style the new "menu widget" (WP 3.0) for Atahualpa, help is very welcome ...
|
see HOWTO: use CSS list style types (or widgets, bars, bullets and squares oh my)
http://forum.bytesforall.com/showthread.php?t=3232 |
The good thing: The "class" of the menu-widget seems to be: widget_nav_menu
The bad thing: I still can't style it as I want (like a normal pages widget). Again: It's NOT about the bars – they are ok for me. But on the second level (sub-navigation) I don't want the first level bars, but ONLY the second level bars. That's how the pages widget handles this, too. |
I'm having this problem too. Anyone come up with a solution?
|
1 Attachment(s)
for version 3.6.1 use see BUGFIX 361-04: Allow Custom Menu widget links to use same styling as Pages widget.
For version 3.5.3 use the attached file. unzip it and upload it to your Atahualpa theme folder you may want to rename the existing css.php first. Attachment 1065 |
Wow. It worked. Nice job. Thanks!
|
All times are GMT -6. The time now is 09:05 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.