Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

[SOLVED] Style 'Custom Menu' widget (WP 3.0)


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jul 28, 2010, 01:51 AM
hlietz
 
45 posts · Jan 2010
[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  
Old Jul 28, 2010, 02:53 AM
hlietz
 
45 posts · Jan 2010
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
Attached Thumbnails
Click image for larger version

Name:	Menu widget style.png
Views:	264
Size:	10.2 KB
ID:	638  Click image for larger version

Name:	Pages widget style.png
Views:	271
Size:	9.5 KB
ID:	639  
  #3  
Old Jul 28, 2010, 05:20 AM
juggledad's Avatar
juggledad
 
21,937 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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;
}
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #4  
Old Jul 28, 2010, 06:05 AM
hlietz
 
45 posts · Jan 2010
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.
Attached Thumbnails
Click image for larger version

Name:	Styling_menu_widget.png
Views:	248
Size:	9.7 KB
ID:	641  
  #5  
Old Jul 28, 2010, 06:15 AM
juggledad's Avatar
juggledad
 
21,937 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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 you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #6  
Old Jul 29, 2010, 02:58 AM
hlietz
 
45 posts · Jan 2010
If anybody knows how to style the new "menu widget" (WP 3.0) for Atahualpa, help is very welcome ...

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
BUGFIX 361-04: Allow Custom Menu widget links to use same styling as Pages widget. juggledad Old Version fixes and change logs 1 Jan 22, 2011 08:40 AM
custom 404: Dunstan-style Error Page Plugin twincascos Plugins & Atahualpa 3 Dec 20, 2010 08:26 AM
Add Custom Menu as Widget soni Atahualpa 3 Wordpress theme 1 Oct 27, 2010 04:55 AM
How to add custom widget under my navigation menu forumas Sidebars & Widgets 1 Oct 12, 2010 04:31 PM


All times are GMT -6. The time now is 07:23 AM.


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