Archived

This topic is now archived and is closed to further replies.

  • 0

Morefoot widget

Question

Posted · Report post

Hello,

 

In the Morefoot middle I put widget "latest blogpost" list with 5 blogsitems. I changed the list bullets by a picticures which is oké.

The class to change is .widget ul li  -  this will change all list items on my site, but I only want it in the middle morefoot section.

What is the correct class to change

Is it #morefoot middle or ....

 

post-34964-0-86888300-1357767153_thumb.p

Share this post


Link to post
Share on other sites

7 answers to this question

Posted · Report post

The id for the left column is div#text-2 and for the middle it's div#recent-posts-3

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there,

 

Without seeing a live link to your site it's hard to tell exactly which ID is best to use. I would suggest looking in firebug slightly above the area you're currently looking in, you'll usually see something like

 

#text-2

which is the id for the text widget you're using, you could use this to target the single column in the middle.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi the id for that is

 

#recent-posts-3

Share this post


Link to post
Share on other sites

Posted · Report post

Hello,

i put following in custom code:

 

 

#recent-posts-3 .widget ul li {
  background: url("http://flandersunitedbuyers.be/wp-content/uploads/check3.png") no-repeat scroll 0 7px transparent;
    cursor: pointer;
    list-style: none outside none;
  list-style-image:initial;
  list-style-position:initial;
    padding-left: 10px;
    transition: all 0.1s linear 0s;
}
 
but no check.png will show up

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

I am not seeing this when I view your site, if you have remove the code, would it be possible for you to add again so I can see whats happening.

Share this post


Link to post
Share on other sites

Posted · Report post

Hello,

I put code back in the custom css

 

 

.widget ul li {
  background: url("http://flandersunitedbuyers.be/wp-content/uploads/check3.png") no-repeat scroll 0 7px transparent;
    cursor: pointer;
    list-style: none outside none;
  list-style-image:initial;
  list-style-position:initial;
    padding-left: 10px;
    transition: all 0.1s linear 0s;
}
but I need the id for morefoot left and moremiddle.
I cannot find it with firebug

Share this post


Link to post
Share on other sites