• Dear Community:

    My website is http://collegeplaylists.com

    For some reason, even though I already fixed this at a previous date, my sidebar2 on the left side of my pages is generating bullit points for each link. I removed these before and now they have randomly returned, and I believe they are the cause for the rest of my pages being messed up. Also, on my sidebar to the right, the entire blogroll links are underlined, when they weren’t before. I edited the size of the body font to be 2.3em from 1.8em, but immediatly changed it back, and that’s when this all started. Here is my stylesheet.css code:

    /*
    Theme Name: Replenish
    Theme URI: http://www.freewpthemes.net/preview/replenish
    Description: A two-column, fixed-width design. Features Web 2.0 design ideal for 1024x768 resolutions. Widget-ready for WP2.2+
    Version: 2.0
    Author: Free WordPress Themes
    Author URI: http://www.freewpthemes.net/
    */
    
    body {
    	margin: 0px;
    	padding: 0px;
    	background: #0D0D0D url(images/img01.jpg) repeat-x;
    	text-align: justify;
    	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    	color: #FFFFDC;
    }
    
    h1, h2, h3 {
    	font: 1.82em;
    	font-weight: normal;
    	font-family: Arial, Helvetica, sans-serif;
    	letter-spacing: -1px;
    	color: #FFFFFF;
    }
    
    p, ol, ul {
    	line-height: 1.67em;
    }
    
    a {
    	color: #828170;
    }
    
    a:hover {
    	text-decoration: none;
    }
    
    hr {
    	display: none;
    }
    
    /* Header */
    
    #header {
    	width: 1000px;
    	height: 170px;
    	background: url(images/img03.jpg) no-repeat left top;
    	margin: 0px auto;
    }
    
    /* Logo */
    
    #logo {
    	float: left;
    	padding: 10px 0 0 130px;
    }
    
    #logo h1 {
    	margin: 0;
    	height: 160px;
    	padding: 40px 0 0 0px;
    	text-transform: lowercase;
    	letter-spacing: -2px;
    	font-size: 4em;
    	font-weight: normal;
    	color: #FFFFFF;
    }
    
    #logo h1 a {
    	display: block;
    	text-decoration: none;
    	color: #FFFFFF;
    }
    
    #logo p {
    	margin: -103px 0 0 2px;
    	text-transform: uppercase;
    	font-family: Tahoma, Arial, Helvetica, sans-serif;
    	font-weight: bold;
    	font-size: 11px;
    }
    
    #logo a {
    	display: block;
    	text-decoration: none;
    	color: #FFFFFF;
    }
    
    /* Menu */
    
    #menu {
    	float: right;
    }
    
    #menu ul {
    	margin: 20px;
    	padding: 130px 0px 0px 0px;
    	list-style none;
    }
    
    #menu li {
    	display: inline;
    }
    
    #menu a {
    	display: block;
    	float: left;
    	margin-left: 4px;
    	padding: 5px 20px;
    	background: #F3F1E9;
    	text-decoration: none;
    	text-transform: uppercase;
    	border-top: 2px solid #EBEAD1;
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight: bold;
    	font-size: 11px;
    	color: #182c33;
    }
    
    #menu a:hover, .active a {
    }
    
    /* Page */
    
    #page {
    	width:1040px;
    	margin: 0px auto;
    	padding: 20px 0 0 0;
    }
    
    /* Content */
    
    #content {
    	float: left;
    	width: 455px;
    	margin-bottom: 20px;
    padding-left: 75px;
    
    }
    
    /* Post */
    
    .post {
    	margin-top: 20px;
    }
    
    .post .date {
    	float: left;
    	width: 29px;
    	height: 32px;
    	margin: 0;
    	margin-top: 3px;
    	margin-right: 20px;
    	padding-top: 2px;
    	background: url(images/img02.jpg) no-repeat;
    	line-height: normal;
    	text-transform: uppercase;
    	text-align: center;
    	font-size: 10px;
    	font-weight: bold;
    	color: #999999;
    }
    
    .post .date b {
    	margin: 0;
    	padding: 0;
    	display: block;
    	margin-top: -5px;
    	font-size: 14px;
    	color: #5C5C5C;
    
    }
    
    .post .title {
    	margin: 0;
    	padding: 0px 0 0 0;
    	margin-left: 10px;
    	padding-left: 10px;
    	font-size: 1.4em;
    }
    
    .post .title h2 {
    	padding: 0;
    	margin: 0;
    }
    
    .post h2 a {
    	text-decoration: none;
    	color: #FFFFFF;
    }
    
    .post .hr1 {
    }
    
    .post .meta {
    	margin: 0 0 10px 50px;
    	padding: 0;
    	line-height:normal;
    	text-transform: uppercase;
    	color: #979680;
    }
    
    .post .meta a {
    	color: #828170;
    }
    
    .post .entry {
    	margin: 0;
    	padding: 0 0 20px 50px;
    }
    
    /* Sidebar */
    
    #sidebar {
    	float: right;
    	width: 240px;
    	padding-top: 20px;
    	margin-bottom: 20px;
    }
    
    #sidebar ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }
    
    #sidebar li {
    	margin-bottom: 30px;
    }
    
    #sidebar li ul {
    	border-top: 1px dashed #666633;
    }
    
    #sidebar li li {
    	margin: 0;
    	padding: 4px 0 4px 0;
    }
    
    #sidebar li li a {
    }
    
    #sidebar h2 {
    	padding: 0;
    	margin: 0 0 6px 0;
    	font-size: 1.6em;
    
    #sidebar a {
    	text-decoration: none;
    }
    
    #sidebar a:hover {
    	text-decoration: underline;
    }
    
    #sidebar2 {
    width:180px;
    float:left;
    
    }
    
    #sidebar2 ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }
    
    #sidebar2 a {
    	text-decoration: none;
    }
    
    #sidebar2 li li a {
    }
    
    /* Calendar */
    
    #calendar_wrap {
    	border-top: 1px dashed #666633;
    }
    
    #calendar caption {
    	padding-top: 5px;
    	font-weight: bold;
    }
    
    #calendar table {
    	width: 100%;
    	border: 0px solid #E8E8E8;
    	font-family: Arial, Helvetica, sans-serif;
    }
    
    #calendar thead {
    	background: #514F42;
    	text-align: center;
    }
    
    #calendar tbody td {
    	border: 1px solid #514F42;
    	text-align: center;
    }
    
    #today {
    	font-weight: bold;
    }
    
    #prev {
    }
    
    #next {
    	text-align: right;
    }
    
    /* Footer */
    
    #wrapper2 {
    	background: #422C21;
    }
    
    #footer {
    	width: 940px;
    	margin: 0 auto;
    	padding-top: 20px;
    	padding-bottom: 20px;
    	text-transform: uppercase;
    	font-family: Tahoma, Arial, Helvetica, sans-serif;
    	color: #FFFFFF;
    }
    
    #footer a {
    	text-decoration: none;
    	font-size: 10px;
    	color: #FFFFFF;
    }
    
    #legal {
    	clear: both;
    	margin: 0;
    	padding: 10px 0;
    	text-align: center;
    	font-size: 10px;
    	color: #525252;
    	background: black;
    }
    
    #legal a {
    	border-bottom: 1px dotted #939393;
    	text-decoration: none;
    	color: #939393;
    }
    
    #commentform {
    }
    
    #comment {
    	width: 600px;
    }
    
    .alignright {
    	float: right;
    }
    
    .alignleft {
    	float: left;
    }
    
    #respond {
    	margin: 0;
    	padding-top: 50px;
    	padding-left: 50px;
    }
    
    .navigation {
    	padding-top: 20px;
    }
    
    .pagetitle {
    	padding-bottom: 20px;
    }
    
    hr {
    	display: none;
    }

Viewing 1 replies (of 1 total)
  • Please don’t post huge chunks of CSS here. CSS issues can rarely be diagnosed or solved by reading part (or all) of a stylesheet out of context. Very often, a link to your site is all that’s needed.

    As it is, I can’t see any bullets in your sidebar.

Viewing 1 replies (of 1 total)
  • The topic ‘Sidebar messing up the rest of my pages…HELP!’ is closed to new replies.