Bullet questions

  • carol7

    (@carol7)


    14 years, 11 months ago

    1) Can someone tell me how to fix the bullets in postings on my blog’s home page? They display as stars instead of discs. See qeangroup.com/blog, article titled “The product development saboteur.”

    Note that the bullets appear correctly on the article’s own page (click on the article’s title).

    2) In the sidebar, in the boxes labeled “Recent Comments” and “Blogroll,” is there a way to move the bulleted lines to the left, and make the font smaller for the bulleted lines only?

    Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • 11worth

    (@11worth)

    14 years, 11 months ago

    Hello,

    I can possibly help with your questions. As always, save a copy of any file discussed below before you make any modifcations so you can go back if something doesn’t work.

    For Question 1, find the stylesheet:

    …/blog/wp-content/themes/IkarusWhite/style.css

    Look up the following in the stylesheet:

    /* Check list */
    ul.stars {
    list-style: none;
    }

    ul.stars li {
    margin-left: 15px;
    padding: 0px 0 5px 20px;
    background: url(images/star-bg.gif) no-repeat 0 3px;
    }

    #post-index ul {
    list-style: none;
    }

    #post-index img {
    border: 1px solid #666666;
    padding: 3px;
    margin: 5px;
    }

    #post-index ul li {
    margin-left: 15px;
    padding: 0px 0 5px 20px;
    background: url(images/star-bg.gif) no-repeat 0 3px;
    }

    Change to this (marked in bold indicates changes):

    /* Check list */
    ul.stars {
    list-style: none;
    }

    ul.stars li {
    margin-left: 15px;
    padding: 0px 0 5px 20px;
    background: url(images/star-bg.gif) no-repeat 0 3px;
    }

    #post-index ul {
    /*list-style: none;*/
    list-style: disc;
    }

    #post-index img {
    border: 1px solid #666666;
    padding: 3px;
    margin: 5px;
    }

    #post-index ul li {
    margin-left: 15px;
    padding: 0px 0 5px 20px;
    /*background: url(images/star-bg.gif) no-repeat 0 3px;*/
    }

    The stars were a background .gif image that we commented-out (in case you want to go back), and replaced with a list-style: disc; (commenting-out the original list-style: none;).

    I have no idea where ul.stars are…but now you know where the changes need to be made in the same way if they become evident.

    For the Question 2…see if this works:

    In the stylesheet, …/blog/wp-content/themes/IkarusWhite/style.css, add the line below:

    #div.module-hilite #div #div #div ul {margin: 0; padding: 0;}

    or:

    #div.module-hilite ul {margin: 0; padding: 0;}

    Good luck!

    11worth

    (@11worth)

    14 years, 11 months ago

    I forgot to add that you can reduce the font size (assuming the margin-padding thing works) thusly:

    #div.module-hilite #div #div #div ul {margin: 0; padding: 0; font-size: 80%;}

    or:

    #div.module-hilite ul {margin: 0; padding: 0; font-size: 1em;}

    (Note: The font-size value obviously needs to be adjusted to fit.)

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Bullet questions’ is closed to new replies.

Tags