Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   [SOLVED] Style 'Custom Menu' widget (WP 3.0) (http://forum.bytesforall.com/showthread.php?t=8567)

hlietz Jul 28, 2010 01:51 AM

[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.

hlietz Jul 28, 2010 02:53 AM

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

juggledad Jul 28, 2010 05:20 AM

Add this to your CSS Inserts
HTML Code:

div.widget ul li {
padding: 1px 5px 1px 12px !important;
background: url('<?php bloginfo('template_directory'); ?>/images/bullets/round-gray.gif') no-repeat 0 7px;
}


hlietz Jul 28, 2010 06:05 AM

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.

juggledad Jul 28, 2010 06:15 AM

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.

hlietz Jul 29, 2010 02:58 AM

If anybody knows how to style the new "menu widget" (WP 3.0) for Atahualpa, help is very welcome ...

juggledad Jul 29, 2010 03:44 AM

see HOWTO: use CSS list style types (or widgets, bars, bullets and squares oh my)
http://forum.bytesforall.com/showthread.php?t=3232

hlietz Jul 29, 2010 10:12 AM

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.

damian Jan 21, 2011 10:59 PM

I'm having this problem too. Anyone come up with a solution?

juggledad Jan 22, 2011 05:01 AM

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

damian Jan 22, 2011 08:41 AM

Wow. It worked. Nice job. Thanks!


All times are GMT -6. The time now is 05:44 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.