change appearance of bullets

  • Author
    Posts
  • #902217

    ycc35
    Member

    how do I change the appearance of the bullet from “x” to a disc or quare? I tried
    ul { list-style-type: square; }
    but the new bullets appear on my sidebar entries and page titles, but not the bullets ‘x’.

    also, how do I remove “edit” at the bottom of the pages?

    thanks for the help!

    The blog I need help with is ycc35.com.

    #902399

    How to style bulleted lists may depend on the theme and where the list appears.

    I checked http://ycc35.com/ and I see that blog is currently using the Titan theme. In that theme, the bulleted lists inside posts are styled with a background image using this CSS:

    .entry ul li, .c-body ul li {
    	display: block;
    	margin: 5px 0;
    	padding: 0 0 0 17px;
    	background: url(images/list-item.gif) no-repeat 0 .3em;
    }

    You can undo that and set the list style to use a square bullet inside posts by adding this to your Appearance → Custom Design → CSS editor:

    .entry ul, .c-body ul {
    	list-style: square inside;
    }
    .entry ul li, .c-body ul li {
    	display: list-item;
    	margin: 0;
    	padding: 0;
    	background: none;
    }

    No need to remove “edit” because it only shows up for blog administrators, other users won’t see “edit” links.

The topic ‘change appearance of bullets’ is closed to new replies.