Change list style in page/sidebar
-
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.
-
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.the sidebar list style is done with a bckground imge:
http://sweatingthebigstuff.com/wp-content/themes/npacker1/images/BlockContentBullets.pngin 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;
withlist-style-type: circle;
and adapt some padding/margins if needed.
and delete the linebackground-image: url('images/BlockContentBullets.png');
similar for the list items in posts.
replace
list-style-type: none;
withlist-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 😉
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.
Nevermind, I figured it out. Thanks so much!
Where in the code can I change the sidebar font?
- The topic ‘Change list style in page/sidebar’ is closed to new replies.