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 »

Bullet image on latest news posts in side widget


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 Nov 18, 2011, 06:27 AM
tlck9
 
150 posts · Aug 2010
Bullet image on latest news posts in side widget

Hi Guys

With you help I sorted the widget in my footer, latest news. Now I need to use a image for my side bar widget, putting a bullet point by each of the news/post links.

This is what I used for the footer

#recent-posts-4 ul li, #pages-4 ul li, #pages-4 text-15 {
list-style-position: outside;
margin-left: -20px !important;
width: 190px;

I thought that this would work
#recent-posts-3 ul li {
list-style-image: url (http://www.integra-associates.com/wp...quare_lb.gif);
margin-left: -20px !important;

but nothing seemed to work

I also tried

div.widget_pages ul li {
list-style-image: url (http://www.integra-associates.com/wp...quare_lb.gif);

But again nothing worked and nothing broke

Any ideas?
  #2  
Old Nov 18, 2011, 07:09 AM
juggledad's Avatar
juggledad
 
22,312 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
What version of Atahualpa and WP?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Nov 18, 2011, 07:27 AM
juggledad's Avatar
juggledad
 
22,312 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
you have to be careful about using the correct ID names, you are using both '#recent-posts-3' and '#'#recent-posts-4'.

You have to define the display for the LI as a 'list-item' to override the current setting and the 'list-style-image' goes on the UL not the LI. try this

HTML Code:
div#recent-posts-3 ul li {
display: list-item;
}

div#recent-posts-3 ul {
list-style-image: url(http://www.integra-associates.com/wp-content/uploads/blt_square_lb.gif);
margin-left: 30px;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Nov 18, 2011, 07:32 AM
tlck9
 
150 posts · Aug 2010
I'm using 3.70 and wordpress 3.2.1

Thanks Juggledad

This may be a stupid question, so you may not even grant it with an answer, but I have always wondered about using the #
and the div. command, when I check out firebug it gave me the recent posts 3, however when I searched on the forum it was div.widget_pages

Is there a difference?

#recent-posts-3 ul li {
div.widget_pages ul li {

Last edited by tlck9; Nov 18, 2011 at 07:42 AM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Widget on the right side of my header image pitwp Sidebars & Widgets 1 Dec 16, 2010 09:56 PM
Adding 3 latest news items to the homepage thesis Center area post/pages 2 Nov 1, 2010 07:15 AM
[SOLVED] Background image and side widget problem in IE op2545 New Versions, & Updating 2 Sep 14, 2010 07:47 PM
Latest posts widget takes me to category rather than individual post stainton Sidebars & Widgets 3 Aug 16, 2010 10:48 PM
Side bar widget - font-weight and background image? bamboojungles Sidebars & Widgets 1 Jun 2, 2009 09:32 AM


All times are GMT -6. The time now is 04:21 AM.


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