Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

Bullet image on latest news posts in side widget


  #1  
Old Nov 18, 2011, 05:27 AM
tlck9
 
151 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, 06:09 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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, 06:27 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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, 06:32 AM
tlck9
 
151 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 06: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 08:56 PM
Adding 3 latest news items to the homepage thesis Center area post/pages 2 Nov 1, 2010 06:15 AM
[SOLVED] Background image and side widget problem in IE op2545 New Versions, & Updating 2 Sep 14, 2010 06:47 PM
Latest posts widget takes me to category rather than individual post stainton Sidebars & Widgets 3 Aug 16, 2010 09:48 PM
Side bar widget - font-weight and background image? bamboojungles Sidebars & Widgets 1 Jun 2, 2009 08:32 AM


All times are GMT -6. The time now is 02:14 AM.


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