WordPress.org

Ready to get started?Download WordPress

Forums

how to format sidebar bookmarks WP 2.1 (8 posts)

  1. wpiisnewbie
    Member
    Posted 7 years ago #

    I'm trying to find a way to format bookmarks (links) in the sidebar in the following way: I don't want the category name, or the LI bullet/widget to appear. I also want to adjust the margin on the image I'm using with each link, so they aren't indented like other list items. My goal is to create a nice list of image-based links (like call-outs) that can be controlled through the wp-admin. Is there possibly a plug-in for this? I had a hack figured out in 2.0, but after I upgraded, now I'm lost...

    Please see the following as a reference: http://www.cardwellcreative.com/~clientftp/link_ques1.jpg

  2. jkeyes
    Member
    Posted 7 years ago #

    This can be achieved with CSS. Do you have a link to the actual page so I can see the layout?

  3. wpiisnewbie
    Member
    Posted 7 years ago #

  4. jkeyes
    Member
    Posted 7 years ago #

    If you add the following to your stylesheet you should be set:

    .linkcat h2 {
        display: none;
    }
    
    #sidebar ul li.linkcat ul li:before {
    	content: "";
    }
    
  5. wpiisnewbie
    Member
    Posted 7 years ago #

    Brilliant! Thanks so much for your help. The only thing left for me to figure out is how to adjust the margin on the link itself (so it is centered in the sidebar). I can see that you're able to specify li.linkcat in the css; how would I specify the link itself?

  6. Samuel Wood (Otto)
    Tech Ninja
    Posted 7 years ago #

    If you're talking about referencing the anchor tag, that would be:

    #sidebar ul li.linkcat ul li a {
    ...
    }
  7. wpiisnewbie
    Member
    Posted 7 years ago #

    Ahh. I should have been able to figure that out. Thanks for the help. Problem solved!!

  8. terriz
    Member
    Posted 6 years ago #

    Thanks for this! I wanted to remove the ">>" from in front of not just the bookmarks, but also the categories and archives. This CSS did all three for me:

    #sidebar ul li.linkcat ul li:before {
    	content: "";
    }
    
    #sidebar ul li.categories ul li:before {
    	content: "";
    }
    
    #sidebar ul li ul li:before {
    	content: "";
    }

Topic Closed

This topic has been closed to new replies.

About this Topic