Bullet points and border lines in Bueno theme
-
I have created a mirror site for my blog to do a redesign of my regular blog using the Bueno theme, and I have almost everything as I want it, except for a couple pesky items that are eluding me:
(1) The recent posts and archives item bullet on all pages, e.g:
http://iddesignwp.wordpress.com/
is gray and I’d like to change that color. I like the hover color, but not the regular display color. My understanding is this is a PNG image, but I don’t know what the options are or how to alter that specific item. Everything I tried in my css customization code didn’t work.
(2) The border lines around the “share” and “like” links are light gray:
I want to change the color, but cannot for the life of me find what code controls this even in the Firefox add on Firebug.
http://iddesignwp.wordpress.com/home-2/comment-page-1/#comment-6046
Thanks!
The blog I need help with is: (visible only to logged in users)
-
Looks like you got (1) figured out by setting a background image for the bullets on hover:
.widget ul li a:link,.widget ul li a:visited { border-bottom:1px solid #472300; background:url('http://infinitedoorways.files.wordpress.com/2012/09/brownblackarrowsm.gif') no-repeat scroll 5px 8px transparent; } .widget ul li a:hover { background:url('http://infinitedoorways.files.wordpress.com/2012/09/orangearrowsm2.gif') no-repeat scroll 5px 5px transparent; }
Nice work!
-
I looked at the link you provided for (2) and I saw a like button. This will change the border. Note that you have to include the !important rule and you should put it as the last thing in your Appearance → Custom Design → CSS editor.
div.sharedaddy a.sd-button { border: 1px solid red !important; }
Change “red” to any color code of your choice.
- The topic ‘Bullet points and border lines in Bueno theme’ is closed to new replies.