Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   [SOLVED] Simple CSS question - how to increase right margin of custom bullets (http://forum.bytesforall.com/showthread.php?t=7448)

Wimbledon Jun 5, 2010 03:24 PM

[SOLVED] Simple CSS question - how to increase right margin of custom bullets
 
My new site under construction running 3.5.1:
http://bit.ly/bucIv7

I followed this CSS from post #14 of the stickied thread at the top of the forum to use my own images as bullets:

Code:

div.widget ul li {
border-left: 0 !important;
padding-left: 15px !important;
background: url(/wp-content/themes/atahualpa334/images/icons/default-image.gif) no-repeat 0 3px;
}

div.widget ul li:hover,
div.widget ul li.sfhover {
border-left: 0 !important;
padding-left: 15px !important;
background: url(/wp-content/themes/atahualpa334/images/icons/hover-image.gif) no-repeat 0 3px;
}

How do I add 1px or 2px of space to the right of the bullets? I've tried padding-right and margin-right, each with !important, but neither seem to work.

Hopefully this is a simple question for someone out there?

lmilesw Jun 5, 2010 04:47 PM

Try
HTML Code:

div.widget ul li a:link, div.widget ul li a:visited, div.widget ul li a:active, div.widget ul li a:hover {
padding-left:4px;
}

1px and 2px didn't look like enough to me

Wimbledon Jun 5, 2010 07:14 PM

Thanks so much lmilesw! :)


All times are GMT -6. The time now is 11:47 AM.

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