Edit appearance of widget text in sidebar?

  • tammee

    (@tammee)


    17 years, 3 months ago

    Hi all,

    I’m trying to find the right code where I can modify how the links in my sidebar appear?
    I would like to remove the >> which appears before each link.
    I’ve looked through some of the plugins but unfortunately I don’t know what I’m looking for!

    http://tammychiew.com/scribbles/

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • asechrest

    (@asechrest)

    17 years, 3 months ago

    Did you fix your problem? I don’t see any >> before each link.

    The way lists are styled is likely in your theme’s style.css file, which should be in your theme’s directory.

    Here’s the way mine looks:

    .sidebar ul {
    margin: 0 0 0 15px;
    padding : 0;
    list-style : none;
    }

    .sidebar li {
    list-style-type:disc;
    }

    .sidebar li ul li{
    list-style-type:disc;
    margin-left:20px;

    This is the section of code that styles sidebar lists and sublists. You’ll want to adjust the list-style-type: option. If you don’t want any sort of marker in front of your lists, you’ll put list-style-type:none;.

    Hope that helps.

    Thread Starter tammee

    (@tammee)

    17 years, 3 months ago

    Ok so after your comment about not being able to see the >> marks I went and took a screenshot of my page to show you the marks:

    http://tammychiew.com/screenshot.jpg

    This was using Firefox.

    After looking at the code I find that the list-style-type is “none” and realised that it must be a browser issue.

    Upon looking at IE, walah!

    http://tammychiew.com/screenshot_IE.jpg

    So any thoughts from here on how to control the look in each browser?

    Thank you so much for the help.

    Thread Starter tammee

    (@tammee)

    17 years, 3 months ago

    Section of code from style.css

    /* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

    html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    line-height: 1em;
    }

    html>body .entry li {
    margin: 7px 0 8px 10px;
    }

    .entry ul li:before, #sidebar ul ul li:before {
    content: “0BB 020”;
    }

    .entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }

    .entry ol li {
    margin: 0;
    padding: 0;
    }

    .postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }

    #sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }

    #sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }

    #sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }

    #sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }

    #sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }

    ol li, #sidebar ul ol li {
    list-style: cjk-ideographic outside;
    }

    #sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    }

    ul ul li {
    margin-left: 0px;
    padding-left: 10px;
    text-indent: -10px;
    }

    /* End Entry Lists */

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Edit appearance of widget text in sidebar?’ is closed to new replies.