LIST STYLES ON SUPPOSDLY CLEAN THEME
-
right hand sidebar, there are 2 list styles going on. I only want to the typewriter buttons to show but both a square and the buttons show. I have changed everything I can think of for list styles on the sidebar and no change. Help!
/*
Theme Name: Supposedly Clean
Theme URI: http://www.alvinwoon.com/blog
Description: A simple theme with color choices and a sidebar that switches position.
Version: 1.0-wpcom
Author: Alvin Woon
Tags: two-columns, fixed-width, theme-options, right-sidebar, left-sidebar, red, blue, green, sticky-post, rtl-language-support, translation-ready, custom-background, blog, clean, textured
*/*{
padding:0;
margin:0;
}
body{
height:100%;
text-align:center;
font-family:verdana, Helvetica, sans-serif;
font-size:0.8em;
color:#FFF;
background:#000 url(http://thatsbeautifulfrank.files.wordpress.com/2011/02/img_3393a.jpg) repeat;}
/*—[ Container CSS ]—*/
#container{
width:950px;
margin:0 auto}
#matt{
width:910px;
background:#FFF url(http://thatsbeautifulfrank.files.wordpress.com/2011/02/untitled-47_lg-copy.png);
repeat: repeat-y;
padding:0px 0px;
text-align:left;
border-left:1px solid #bfbfbf;
border-right:1px solid #bfbfbf;
}
#matt:after{/*gecko trick*/
content: “.”;
display: block;
clear: both;
visibility: hidden;
width:910;
}/*—[ Header CSS ]—*/
#matt h1{
font-size:0px;
font-weight:Bold;
text-transform:uppercase;
width:910px;
}
#matt h1 a{
color:#000000;
text-decoration:none;
}
#matt h1 a:hover{
text-decoration:underline;
}
#boren_head{
background:#8d0a0a url(http://thatsbeautifulfrank.files.wordpress.com/2011/02/headerwithpicsredv.png) no-repeat;
margin:0px;
width:910px;
height:245px;
}/*—[ Content CSS ]—*/
#mike_content{
width:630px;
overflow: hidden; /* crop content that’s too wide */
float:left;
font-size:0.85em;
word-spacing:0.05em;
padding:30px;
background-color:#000;
}
#mike_content a, #footer p a{
color:#FFF;
background-color:#transparent;
text-decoration:none;
}
#mike_content a:hover, #footer p a:hover{
background-color:#000;
border-bottom:none;
}
#mike_content img {
max-width: 910px; /* constrain images to match $content_width */
}
* html #mike_content img {
width: expression(this.width > 368 ? 370: true); /* IE6 max-width hack */
}
/*info*/
.info{
float:right;
color:#FFF;
margin:10px 0 4px 4px;
font-size:9px;
text-align:center;padding:4px;
background-color:#000;
border-top:1px solid #fd2f2a;
background-color:#000;
}
/*paragraph*/
#mike_content p{
padding:6px 0;
line-height:18px;
}
/*post title*/
#mike_content h2{
font-size:17px;
font-family:”Trebuchet MS”, Arial;
}
#mike_content h2 span{
color:#CCCCCC;
}
/*post line*/
.post_line{
width:630px;
border-bottom:1px solid #FFF;
clear:both;
}
.sidebar_line{
border-bottom:2px solid #8d0a0a!important;
border-bottom:3px solid #8d0a0a;
height:auto!important;
height:3px;
margin-bottom:25px!important;
margin-bottom:20px;
margin-top:-10px!important;
margin-top:-15px;
}
.category{
background-color:#000;
margin-bottom:30px;
margin-top:0!important;
margin-top:-6px;
padding:2px;
width:630px;
color:#fd2f2a;
text-align:right;
font-size:9px;
}
.post ul.post-categories{}
.post ul.post-categories li{
display:inline;
background:#f1ece3;
}
/*unordered list*/
.post ul{
list-style:none;
padding-left:20px;
}
.post ul li{
background:url(http://thatsbeautifulfrank.files.wordpress.com/2011/02/screen-shot-2011-02-21-at-2-23-47-pm1.png) no-repeat top left;
background-position:2px 1px;
padding-left:20px;
}
.post ol { padding-left:20px; }
/*blockquote*/
blockquote{
margin:0 8px;
padding:5px;
background-color:#e2e3ae;
border-top:1px dashed #a9aa53;
border-bottom:1px dashed #a9aa53;
}
/*—[ Sidebar CSS ]—*/
#dooncha_sidebar{
background-color: #000;
font-family:Arial, Helvetica, sans-serif;
float:right;
margin-right:10px;
width:180px;
overflow: hidden;
height:auto;
padding:10px;
list-style: url(‘http://thatsbeautifulfrank.files.wordpress.com/2011/02/istock_000006875249xsmall-300×299.png’)none inside;
}#author_talk{
font-weight:normal;
color: FFF;
list-style: url(‘http://thatsbeautifulfrank.files.wordpress.com/2011/02/istock_000006875249xsmall-300×299.png’)none inside;
}#dooncha_sidebar ul.nonnavigational{
display:inline;
list-style: url(‘http://thatsbeautifulfrank.files.wordpress.com/2011/02/istock_000006875249xsmall-300×299.png’)none inside;
}#dooncha_sidebar ul#navigational li{
display:inline;
list-style: url(‘http://thatsbeautifulfrank.files.wordpress.com/2011/02/istock_000006875249xsmall-300×299.png’)none inside;
}#dooncha_sidebar ul.nonnavigational li{
background-color:000;
background-position:0 1px;
padding:0 0 0 17px;
list-style: url(‘http://thatsbeautifulfrank.files.wordpress.com/2011/02/istock_000006875249xsmall-300×299.png’)none inside;
}#dooncha_sidebar ul#navigational li a, #dooncha_sidebar ul.nonnavigational li a{
color:#FFF;
list-style: url(‘http://thatsbeautifulfrank.files.wordpress.com/2011/02/istock_000006875249xsmall-300×299.png’)none inside;
}#dooncha_sidebar ul#navigational li a:hover, #dooncha_sidebar ul.nonnavigational li a:hover{
color:#FFF;
list-style: url(‘http://thatsbeautifulfrank.files.wordpress.com/2011/02/istock_000006875249xsmall-300×299.png’)none inside;
}#searchform{
margin-bottom:15px;
list-style: url(‘http://thatsbeautifulfrank.files.wordpress.com/2011/02/istock_000006875249xsmall-300×299.png’)none inside;
}.side_title{
font-size:1em;
margin-bottom:5px;
color:#fd2f2a;
text-transform: uppercase;
list-style: url(‘http://thatsbeautifulfrank.files.wordpress.com/2011/02/istock_000006875249xsmall-300×299.png’)none inside;}
/*—[ footer ]—*/
#footer{
background-color:#000
color:#FFF;
width:870px;
padding:10px 20px;
text-align:center;
border-left:1px solid #bfbfbf;
border-right:1px solid #bfbfbf;
border-bottom:1px solid #bfbfbf;
}
#footer p{
background-color:#000;
color:#FFF;
padding:3px;
font-size:0.7em;
word-spacing:0.05em;
padding-right:15px;
width:870px;
}
#footer span{
font-weight:bold;
}/*—[ comment ]—*/
ol#commentlist{
margin-left:19px!important;
margin-left:23px;
}
ol#commentlist li{
margin:5px 0;
padding-left: 10px;
background-color:#000;
color: #fff;
}
ol#commentlist li.depth-1
{
border-bottom:2px solid #bfbfbf;
padding-right: 10px;
}
ol#commentlist li .children {
list-style-type:none;
}
#commentlist li .avatar {
float: right;
padding: 2px;
margin-top: 9px;
background: #fff;
}
#reply-title {
font-size:17px;
font-family:”Trebuchet MS”, Arial;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
font-size: 10px;
height:300px;}
#commentform input{
font-size:12px;
padding:2px;
background:#fff;
display:block;
clear:left;
width:100%;
border:1px solid #ccc;
border-color:#ccc #fff #fff #ccc;
color:#333;
}
#commentform textarea{
font-size:12px;
padding:2px;
height:150px;
background:#fff;
display:block;
clear:left;
width:100%;
border:1px solid #ccc;
border-color:#ccc #fff #fff #ccc;
color:#333;
}
.form-allowed-tags {
display: inline;
}
#respond #subscribe,
#respond #subscribe_blog {
clear: both;
display: inline;
}
#commentform input#submit{
width:150px;
float:right;
border-color:#fff #ccc #ccc #fff;}
#commentform input#hidden{
border:0px;padding:0;
}
#postcomment a{
font-size:11px;
}
code {
font-size: 1.1em;
}img.centered, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}.alignright {
float: right;
}.alignleft {
float: left;
}
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
max-width: 370px;
padding-top: 4px;
margin: 10px 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
max-width: 350px;
}.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}.sticky h2{
background: #F1ECE3;
padding: 10px;}
The blog I need help with is: (visible only to logged in users)
-
Add just the following code to the CSS Edit area, do not copy in the whole of the existing code:
#dooncha_sidebar ul.nonnavigational li {background:none;} -
apologies, i’m a novice. can you explain that a little more clearly?
should I replace this entire thing:
list-style:url(‘http://thatsbeautifulfrank.files.wordpress.com/2011/02/istock_000006875249xsmall-300×299.png’) inside;with your suggestion?
-
To make CSS changes, you don’t paste the whole stylesheet and you don’t replace anything: you leave the original stylesheet in peace, and you add whatever produces the changes you want.
See here:
http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/ -
ah yes, my apologies. I usually do it with the “start from scratch” option clicked. find it a little dangerous to edit directly on wordpress. thank you for catching the mistake! best!
- The topic ‘LIST STYLES ON SUPPOSDLY CLEAN THEME’ is closed to new replies.
WordPress.com Forums 
