change appearance of bullets

• 

  ycc35 · Member · May 30, 2012 at 2:56 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  designsimply · Member · May 30, 2012 at 10:40 pm

  • Copy link

  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.