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 »

Struggling to get <ul> with bullets in s/bar (apologies for reopening old subject)


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 Aug 2, 2010, 01:49 PM
NeilC
 
47 posts · Jun 2010
Runcorn, Cheshire, UK
Send a message via Skype™ to NeilC
I have been over and over the the various solutions in http://forum.bytesforall.com/showthread.php?t=1149 but after a couple of hours of getting nowhere fast, I could do with some help!

I am using Atahualpa 353 and WP 3.0 and I am simply trying to get bullets to show in recent comments and recent posts in the sidebar widget. I want the existing 1px border, but both recent comments and recent posts should show as a <ul> with a round gray bullet.

I have a list of "small" jobs to do with the page style of my site www.betpremier.co.uk and each day I try to complete either one larger task or a couple of smaller tasks. I imagined this to be one of those small tasks!

Could somebody please help before my head explodes!

Also, any recommendations for a decent "advanced widget" that allows me to specify a category for recent posts?

Best regards all
  #2  
Old Aug 2, 2010, 02:28 PM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
Here is a solution
HTML Code:
#recent-posts-2 ul li {margin-left:10px;background: url("http://betpremier.co.uk/wp-content/themes/atahualpa353/images/bullets/round-gray.gif") no-repeat scroll 0 7px transparent;padding:1px 5px 1px 12px;}
There are other bullet images in the bullets folder referenced as well or you could make your own.
__________________
~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.
  #3  
Old Aug 2, 2010, 02:40 PM
NeilC
 
47 posts · Jun 2010
Runcorn, Cheshire, UK
Send a message via Skype™ to NeilC
I have added that directly into the "Add HTML/CSS Inserts" of ATO.

Doesn't seem to solve anything unfortunately.
  #4  
Old Aug 2, 2010, 02:53 PM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
Here is some code that should affect all the lists in widgets
HTML Code:
div.widget li {
background:  url("http://betpremier.co.uk/wp-content/themes/atahualpa353/images/bullets/round-gray.gif") no-repeat scroll 0 7px transparent;
padding-left:20px !important;
}
__________________
~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.
  #5  
Old Aug 2, 2010, 03:02 PM
NeilC
 
47 posts · Jun 2010
Runcorn, Cheshire, UK
Send a message via Skype™ to NeilC
Sorry Miles. still no effect! I am wondering if something else (stylesheet for a plug-in maybe) is causing a style to be inherited.
  #6  
Old Aug 2, 2010, 03:06 PM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
I don't know what's happening. It worked in my test environment. Here is a silly thing to try but it has worked at times. Try putting one of the suggestions I gave you at the top of CSS Inserts. If that's where you put it the first time then try the bottom. There have been times when that placement has made a difference.
__________________
~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.
  #7  
Old Aug 2, 2010, 03:16 PM
NeilC
 
47 posts · Jun 2010
Runcorn, Cheshire, UK
Send a message via Skype™ to NeilC
PHP 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;
}
already exists in the ATO CSS/HTML inserts.... shouldn't need anything more imho but having spent so flaming long on this, what do I know??
  #8  
Old Aug 2, 2010, 03:25 PM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
Maybe someone else will jump in here.
__________________
~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.
  #9  
Old Aug 2, 2010, 03:31 PM
NeilC
 
47 posts · Jun 2010
Runcorn, Cheshire, UK
Send a message via Skype™ to NeilC
I am using Firefox Web Developer and when I [Ctrl+shift+y] to show the css of a specific element, there is no evidence of the background image!

Unfortunately, this tool does not allow me to copy and paste what I see, but it seems that the HTML/CSS Inserts are not influencing the style of the widgets at all.

Thanks for your help Miles, has me completely flumoxed. Would it help to give you a temp log-in?
  #10  
Old Aug 2, 2010, 03:40 PM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
Sure... I'll take a look but I am flumoxed too. Maybe that will deflumoxify me.
__________________
~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.
  #11  
Old Aug 2, 2010, 03:41 PM
NeilC
 
47 posts · Jun 2010
Runcorn, Cheshire, UK
Send a message via Skype™ to NeilC
Sometimes you cant see the wood for the trees...

Forgive me for stating the obvious, but almost certainly I have a rogue element in the html/css inserts or my inserts are not being inserted correctly, so here is the full insert CSS for anybody that has any ideas

PHP Code:
td#header { 
padding-bottom: 15px; 
}
/* removing the padding here and putting them on the sidebars instead. That way the middle column aligns nicely with the header when there are no sidebars */
td#middle {
padding: 0;
}
div.searchbox-form {
margin: 5px 0 15px 5px;
}
div#menu1 ul.rMenu {
background: transparent;
border: none;
}
div#imagecontainer { 
border-top: solid 5px #333; 
border-bottom: solid 5px #333; 
}
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;
}
/* Adjustments for the menu bars, which in their default 
state have 1px borders plus -1px margins to avoid 1+1=2px 
borders between neighbor items. */
ul.rMenu-hor ul, ul.rMenu-hRight ul { margin-top: 0px; }
ul.rMenu-hor li { margin-bottom: 0px; margin-top: 0px; margin-left: 0px; }
ul.rMenu-hor { padding-left: 0px; }
ul.rMenu-ver li { margin-top: 0xp; }

div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 6px 10px;    
}
/* Space between items of page menu bar */
div#menu1 ul.rMenu li {
margin-right: 5px;
}
/* Reset margin for 2nd+ level items */
div#menu1 ul.rMenu li li {
margin-right: 0;
}
/* round corners for page menu bar items 
div#menu1 ul.rMenu li, div#menu1 ul.rMenu li a {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
*/
/* reset 2nd+ level */
div#menu1 ul.rMenu li li, div#menu1 ul.rMenu li li a {
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
I am pretty certain I am missing something glaringly obvious.
  #12  
Old Aug 3, 2010, 06:26 AM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
There was a problem with your css.php file. I had Juggledad take a look and he saw some content missing. I replaced the content of the css.php file and all is good. The css.php file is one of those core files that look like it can be edited to make css changes but can cause issues if it gets changed or is corrupted.
__________________
~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.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Problem With Category Menu Bar. It Drops Down With Bullets Instead Of Across benhameen Atahualpa 3 Wordpress theme 7 Apr 20, 2010 02:27 PM
Struggling with Nextgen w/highslide integration into Atahualpa 3.2 dmtompki Plugins & Atahualpa 4 Jan 5, 2010 09:55 PM
Newbie / Struggling with Right Sidebar Widget Concept and Specifics ole@oleaustin.com Sidebars & Widgets 4 Dec 19, 2009 01:58 PM
[SOLVED] Feedburner - blog title not in Subject line thebookwright RSS, Feeds & Subscribing 2 Nov 27, 2009 08:53 AM
Struggling with Page2cat vs Atahualpa 3.4 papabeargrowls Atahualpa 3 Wordpress theme 7 Jul 11, 2009 05:32 AM


All times are GMT -6. The time now is 08:00 AM.


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