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 »

[SOLVED] Bullets, Circles, Icons instead of left border on widget list items


  #51  
Old Jan 24, 2010, 07:49 PM
barbara's Avatar
barbara
 
5 posts · Jan 2010
Just wanted to say Thank You for this thread. This was one of the last items I needed to get my blog to look like my site.

My only problem is how links look when they wrap to a 2nd line due to the size of their title ... especially with post titles. [Which I just fixed by changing the width of each sidebar.]

main site: www.fibromyalgia411.info
blog: www.fibromyalgia411.info/blog/

Paula's suggestion about the left border under edit widgets did the trick, as I was still getting the default bar upon hovering over Recent Posts and Post Archives. That got rid of it.

Last edited by barbara; Jan 24, 2010 at 07:56 PM.
  #52  
Old Jan 31, 2010, 02:34 PM
jaxon
 
27 posts · Jan 2010
This really is a super helpful thread. I also have another question/tweak. Can I use this same insert to add image bullets to widget lists that are not links. I have a text box widget with a list of site features that I would like bulleted. The code suggested in this thread only seems to apply to links.
Thanks a ton!
jaxon
  #53  
Old Feb 7, 2010, 12:29 AM
Seijun
 
5 posts · Feb 2010
Trying to change widget link bullets in 3.4.5. for the recent posts and categories widget. No luck so far.
Last thing I tried was:
Code:
div.widget ul a:link {
list-style-type: disk !important;
}
This is after I changed "left border widths for links" to 0.

Last edited by Seijun; Feb 7, 2010 at 12:50 AM.
  #54  
Old Feb 14, 2010, 01:41 AM
Don Luciano
 
1 posts · Feb 2010
Hi Flynn,

I have tried your first suggestion for replacing the gray rectangles and didn't work. It only show the picture aside the rectangle as background.

I deleted all the inserts and saved but now my page wont load in ie8 but it shows fine on Firefox and Safari.
If apply another theme everything is fine so I think something messed up withing Atahualpa's CSSs but I cannot find any error.

My web page is http://pescaripe.net

Later edit: If I keep refreshing the page in ie8 the page shows up ...

Later Later Edit: I feel so bad. It was all about the background on layout which it had to be defined as white for my black fonts ) (stupid ie)

Last edited by Don Luciano; Feb 14, 2010 at 02:31 AM.
  #55  
Old Feb 15, 2010, 11:03 AM
Lasareath
 
7 posts · Feb 2010
Does anybody know how to get rid of the bullets entirely?


I'm using this code in my Header.php file to show my pages in the left sidebar:

<ul id="nav">
<?php if(is_home() && !is_paged()){ ?>
<?php } else { ?>
<?php } ?>
<?php wp_list_pages('sort_column=menu_order&title_li='); ?>
</ul>

But the links to my pages come up with Bullets and are center justified.

I'd love to get rid of the bullets and make the text left justified.

TIA for any help,

Lasareath
  #56  
Old Apr 4, 2010, 10:12 AM
Budun's Avatar
Budun
 
340 posts · Apr 2010
I apologize badly I understand till English.
Prompt please in what file to do(make) changes what to receive such result.
Thanks.
  #57  
Old Apr 5, 2010, 05:32 AM
juggledad's Avatar
juggledad
 
23,550 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
put the changes in 'ATO->Add HTML/CSS Inserts->CSS Inserts'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #58  
Old May 24, 2010, 01:01 PM
sflamer
 
1 posts · May 2010
I seem to be in a similar boat (I've been bailing for hours). I have two problems: bullets on my list items which I would like to get rid of; and 2) when I hover on the list the div expands to the left (I have no clue as to why!). Newbie could use some help!
  #59  
Old May 25, 2010, 03:50 PM
Caryn Inspired Raw
 
28 posts · Jul 2009
Thanks for this thread. I was thrilled to finally replace the bars with discs. Somehow I've lost my hover color set in the ATO options, however. Thoughts? Site is http://flow-dynamix.com and I'm using Atahualpa 3.4.6.

Here's the CSS that I got from item #14:
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" */
color: #00A79D;
list-style-type: disc !important;
padding-left: 0;
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;
}

No rush as I may be offline for about 1 1/2 weeks, but wanted to at least get this into the queue.

Best,
Caryn
  #60  
Old May 28, 2010, 12:00 PM
juggledad's Avatar
juggledad
 
23,550 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
The CSS is probably overriding it. Try using
HTML Code:
div.widget ul li {
background: #000000 !important; 
}

div.widget ul li:hover,
div.widget ul li.sfhover {
background: #ffffff !important; 
}
but put in our own colors
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #61  
Old Jul 30, 2010, 06:10 AM
espiotr
 
6 posts · Feb 2010
Thanks for the thread.. I've got my widget lists looking just lovely -- except for Categories. For some reason they appear differently from all the other widgets, and I can't seem to figure out how to give them some breathing room.

Site: veterangamers.co.uk

Relevant code:

Quote:
div.widget ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}

div.widget ul li {
background-image: url('<?php bloginfo('template_directory'); ?>/images/bullets/red_bullet-1.gif');
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 14px;
padding-bottom: 5px;
}
div.widget ul li a:hover {
text-decoration: none;
}
  #62  
Old Jul 30, 2010, 08:23 AM
lmilesw's Avatar
lmilesw
 
10,173 posts · Jul 2009
Central New York State USA
Try adding this.
HTML Code:
div.widget_categories a {margin-left:10px;}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #63  
Old Jul 30, 2010, 12:46 PM
espiotr
 
6 posts · Feb 2010
Quote:
Originally Posted by lmilesw
Try adding this.
HTML Code:
div.widget_categories a {margin-left:10px;}
Dude! I could have sworn I tried that after digging around in the page source code. But I guess I missed something. Thank you so very much! I really appreciate your superb theme and the fantastic support you offer here.

Bookmarks

Tags
sidebar, widget

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Space between Widget List Items configurable? upscho Sidebars & Widgets 10 Jul 3, 2012 06:15 PM
Adding list items to the Page Menu bseppa Page & Category Menu Bars 10 May 4, 2010 02:37 PM
How to change the spacing of list items Webmason Atahualpa 3 Wordpress theme 5 Aug 4, 2009 03:33 PM
[SOLVED] Adding space between the list of pages in the left hand side text widget box norwichkaren Sidebars & Widgets 1 Jul 14, 2009 07:36 PM
"Widget List Items" Settings Are Not Persisted bseppa Sidebars & Widgets 1 Dec 13, 2008 01:34 PM


All times are GMT -6. The time now is 12:18 AM.


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