Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

Widget list style (bullets) not working after upgrade


  #1  
Old Aug 30, 2009, 01:37 PM
paulae's Avatar
paulae
 
1,333 posts · Feb 2009
Wordpress 3.4.1, Atahualpa 3.7.7
I just upgraded a client's site from WP 2.7 to 2.8.4, and also from Atahualpa 3.3.3 to 3.4.2. Now, even though the CSS insert survived in ATA Options, the style isn't being applied. I wanted square bullets, not the solid border lines. Now there is no bullet at all. Here is the CSS insert:
Code:
h1 {
font-size: 1.2em;
font-weight: bold;
font-color: #666666;
}
h3 {
font-size:  1.0em;
font-weight: normal;
font-color: #666666;
}
.widget ul li a:link,
.widget ul li a:visited,
.widget ul li a:active,
.widget ul li a:hover {
border-left: 0 !important;
padding-left: 0 !important;
}
.widget ul {
list-style-type: square !important;
padding-left: 0;
margin-left: 0;
}
.widget ul li {
font-size: 10pt;
line-height: 130%;
margin-left: 1.35em; /* 1.35 or more required for Safari or bullets too wide on the left */
display: list-item; /* overwrite existing display:block  Firefox */
}
.widget ul li li {
list-style-type: none !important;
}
Here is the URL: http://www.classicpartyrentalsblog.com
  #2  
Old Aug 30, 2009, 07:12 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Didn't you already run into this
see http://forum.bytesforall.com/showthr...widget+bullets
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Aug 30, 2009, 09:09 PM
paulae's Avatar
paulae
 
1,333 posts · Feb 2009
Wordpress 3.4.1, Atahualpa 3.7.7
Yes, that was another site, and I couldn't get it to work then either.
  #4  
Old Aug 31, 2009, 11:01 AM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try this - you should put a bullet gif in the icon directory (I borrowed one for this example) and use 'url(./wp-content/themes/atahualpa342/images/icons/blue.gif)' for the url

HTML Code:
/* Setup bullets for LI items on sidebar */
div.widget ul {
list-style-type: none !important;
}

div.widget ul li a:link,
div.widget ul li a:visited,
div.widget ul li a:active,
div.widget ul li a:hover {
border-left: 0 !important;
padding-left: 0 !important;
}

/* Normal bullet */
div.widget ul li {
border-left: 0 !important;
padding-left: 15px !important;
background: url(http://www.win.net/public/bullets/square/blue.gif) no-repeat 0 3px;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Aug 31, 2009 at 11:30 AM.
  #5  
Old Aug 31, 2009, 11:11 AM
paulae's Avatar
paulae
 
1,333 posts · Feb 2009
Wordpress 3.4.1, Atahualpa 3.7.7
OK, I'll try that, JD, but the client wants the regular square HTML bullet. Is there some reason it can't work here?
  #6  
Old Aug 31, 2009, 11:30 AM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
it's because of the changes Flynn made between 3.3.3 and 3.4

and make sure to use 'url(./wp-content' - I forgot the period
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Aug 31, 2009, 11:40 AM
paulae's Avatar
paulae
 
1,333 posts · Feb 2009
Wordpress 3.4.1, Atahualpa 3.7.7
Funny, it worked without a period there.

However, in the meantime, I've got it working the way I want: http://www.classicpartyrentalsblog.com.

I used:
Code:
div.widget ul {
list-style-type: none !important;
}

div.widget ul li a:link,
div.widget ul li a:visited,
div.widget ul li a:active,
div.widget ul li a:hover {
border-left: 0 !important;
padding-left: 0 !important;
}
div.widget ul {
/* for other styles, try "disc" and "square" instead of "circle" */
list-style-type: square !important;
padding-left: 15;
margin-left: 0;
}
div.widget ul li {
/* 1.35 or more required for Safari or bullets too wide on the left */
margin-left: 1.35em;

/* overwrite existing display:block  Firefox */
display: list-item;
}
div.widget ul li li {
list-style-type: none !important;
}
Notice, I don't want a bullet for the child categories. This seems fine in Firefox and Safari. Anybody see a problem in other browsers? (You should see a black square bullet beside the categories, none beside the child cats.)

I really don't understand the reason for the first bit:
Code:
div.widget ul {
list-style-type: none !important;
}
; I just copied that from some other thread.
  #8  
Old Aug 31, 2009, 04:41 PM
horsemansarts
 
122 posts · Jul 2009
I've been trying to get bullets instead of the gray bar thing working on my site. I copied Paulae's code to CSS inserts and now I have both the square bullet AND the gray bar. Any thoughts?

Also. I created a new widget area which appears after the loop on the center content area. I've noticed that these widget areas are not formatted the same as the ones in the sidebar. Any thoughts on that?

Here's the url: http://www.horsemansarts.com

Thanks!
  #9  
Old May 1, 2013, 07:16 PM
zabadu
 
1 posts · Sep 2011
Horsemansarts- were you ever able to resolve this? I see your site looks like you did- I'm having the same issue you were! I have the standard big gray rectangle AND the square!!
  #10  
Old May 1, 2013, 07:41 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
This thread is from 2009, I'm closing it.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Bullets, Circles, Icons instead of left border on widget list items MacMacGA Sidebars & Widgets 62 Jul 30, 2010 12:46 PM
CSS for Widget list items not working (bullets) mlamkin Sidebars & Widgets 2 Aug 31, 2009 02:46 PM
"Recent-comment" widget (list style) cosmiclove Sidebars & Widgets 5 Jul 13, 2009 07:05 PM
Different List Style for Specific Widget Boxes oz1 Sidebars & Widgets 1 Jun 19, 2009 10:17 AM
Widget style causing ugly display of widget list, breaks at special characters wfzimmerman Sidebars & Widgets 1 Mar 20, 2009 04:31 PM


All times are GMT -6. The time now is 12:39 PM.


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