I am trying to align bullets in a block to the left. I have searched everywhere and tried everything, but no luck. Attached is a picture of two block, one has the little images and the one below is just your standard bullet. As you can see, they are not completely aligned to the left of the block.

I would appreciate any help...

Gene

CommentFileSizeAuthor
block_content_alignment.jpg9.42 KBbreeze76

Comments

danpros’s picture

danpros commented

Hi,

You can use Firebug to know any value that override that.

Dan

breeze76’s picture

breeze76 commented

I used the firebug like you suggested, looking at it, it looks like, since I am trying to customize that block, it seems that there is a block within a block. Here is the css code:

/*----------- custom sidebar (contact buttons) -----------------*/

#block-block-12 .block-content{
border-top: 0px;
}
#block-block-12 UL.sidebar-contact-links LI
{
line-height: 30px;
border-bottom: 1px solid #D6D6D6;
opacity: .6;
/* filter: alpha(opacity=60);*/
}
#block-block-12 UL.sidebar-contact-links LI:hover
{
opacity: 1;
/* filter: alpha(opacity=100);*/
}
#block-block-12 UL.sidebar-contact-links LI A
{
padding-left: 33px;
display: block;
}
#block-block-12 UL.sidebar-contact-links LI.phone
{
background: url(images/phone-icon.gif) no-repeat 9px 8px;
padding-left: 52px;
font-size: 14px;
}
#block-block-12 UL.sidebar-contact-links A
{
list-style-type: none;
list-style-image: none;
}
#block-block-12 LI.email-address
{
background: url(images/email-icon.gif) no-repeat 8px 8px;
list-style-type: none;
list-style-image: none;
}
#block-block-12 UL.sidebar-contact-links A
{
list-style-type: none;
list-style-image: none;
}
#block-block-12 LI.print
{
background: url(images/print-icon.gif) no-repeat 9px 7px;
list-style-type: none;
list-style-image: none;
}
#block-block-12 UL.sidebar-contact-links
{
list-style-type: none;
list-style-image: none;
}
#block-block-12 LI.email
{
background: url(images/friend-icon.gif) no-repeat 7px 6px;
list-style-type: none;
list-style-image: none;
}

How do I over ride the site css code to make it use mine or is there a way to modify mine to work with the site css code? I have looked all over the web and could not get the answer I needed. Any help would be apreciated as well as the help you have already given me...