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? |
What version of Atahualpa and WP?
|
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 { |
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 { |
All times are GMT -6. The time now is 02:06 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.