• I would like to the change the style of my lists in the main page as well as the sidebar. Right now I have a little circle with an arrow in it. I’d rather have it be just a black circle in the main page and I’d like there to be nothing before the text in the sidebar.

    I’ve looked everywhere for the code but can’t find it. I figured it would be in the sidebar1.php or sidebar2.php files but I haven’t been able to find anything.

Viewing 7 replies - 1 through 7 (of 7 total)
  • it is more likely in style.css;
    if you would like to have help locating the style of the main page/sidebar lists, you could post a link to your site.

    http://www.w3schools.com/css/css_list.asp

    Thread Starter danielpacker

    (@danielpacker)

    the sidebar list style is done with a bckground imge:
    http://sweatingthebigstuff.com/wp-content/themes/npacker1/images/BlockContentBullets.png

    in the following lines from style.css of your theme:

    .art-BlockContent-body ul
    {
    	list-style-type: none;
    	color: #282B26;
    	margin:0;
    	padding:0;
    }
    
    .art-BlockContent-body li
    {
    	font-family: Verdana, Helvetica, Sans-Serif;
    	font-size: 12px;
    	text-decoration: none;
    }
    
    .art-BlockContent-body ul li
    {
    	padding:0px 0 0px 16px;
    	background-image: url('images/BlockContentBullets.png');
    	background-repeat:no-repeat;
    	margin:0.5em 0 0.5em 0;
    	line-height:1.2em;
    }

    replace list-style-type: none; with list-style-type: circle; and adapt some padding/margins if needed.
    and delete the line background-image: url('images/BlockContentBullets.png');

    similar for the list items in posts.

    replace list-style-type: none; with list-style-type: circle; in the style below about 2/3 down in style.css:

    ul
    {
    	list-style-type: none;
    }
    
    ol
    {
    	list-style-position:inside;
    
    }
    
    .art-Post li
    {
    	padding:0px 0 0px 16px;
    	line-height:1.2em;
    }
    
    .art-Post ol li, .art-Post ul ol li
    {
    	background: none;
    	padding-left:0;
    }
    
    .art-Post ul li, .art-Post ol ul li
    {
    	background-image: url('images/PostBullets.png');
    	background-repeat:no-repeat;
    	padding-left:16px;
    }

    and delete the line with ‘background-image’

    hope this works 😉

    Thread Starter danielpacker

    (@danielpacker)

    That worked great. I was able to change them to ‘disc’ (not in my current theme, but in an update I’m working on.

    In the sidebar, it now shows filled circles, which is what I expected. However, I can’t get it to have nothing next to it. I thought ‘none’ would do the trick, but apparently what my site currently shows is ‘none’ which is actually something difference from what I wanted.

    I hope I understand this right:

    your current site shows the background image(s) that I pointed out in my earlier reply.

    to have it show nothing, you need yo delete the above mentioned lines with ‘background-image’ in the style.css.

    Thread Starter danielpacker

    (@danielpacker)

    Nevermind, I figured it out. Thanks so much!

    Thread Starter danielpacker

    (@danielpacker)

    Where in the code can I change the sidebar font?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change list style in page/sidebar’ is closed to new replies.