Bullet points and border lines in Bueno theme

  • Author
  • #1002098


    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:


    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:

    e.g., http://iddesignwp.wordpress.com/2012/07/19/adventures-in-indie-publishing-pt-iia-formatting-for-print/#more-7868

    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.



    The blog I need help with is iddesignwp.wordpress.com.


    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.