Sidebar formatting error on the index page

  • Hi!

    I’m using the theme WP-Bats for my Tamil blog running on WordPress 2.7.1. My problem: the sidebar (right) has all text in bold in the home page, so it looks ugly. Especially the text in my Miniposts widget!

    Single posts and pages look neat after I edited style.css. But the index page hasn’t changed. I want the sidebar in the index page with the correct formatting. I’ve spent hours looking for a solution. Would be great if you could help!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    Please check with the style.css for sidebar fonts and correct it on the requirement…you can get style.css file from current active theme directory.

    Thanks,

    Shane G.

    Thread Starter sayton

    (@sayton)

    Thanks, Shane G! This problem appears only on the index page. Other pages are fine. So I still need to correct the font in the CSS, right?

    Thanks again for helping me out!

    Thread Starter sayton

    (@sayton)

    The CSS is fine. It looks like the ’emboldening’ of the sidebar text happens on the server side. Here’s the CSS:

    @charset "utf-8";
/*
Theme Name: WP Bats Theme
Theme URI: https://www.myokyawhtun.com/
Description: The wordpress theme Myo Kyaw Htun.
Version: 1.0
Author: Myo Kyaw Htun
Author URI: https://www.myokyawhtun.com/
*/

body {
	text-align:center;

}
#content {
	width:980px;
	margin:0px auto;
	border:1px solid #CCCCCC;
	background:#F9FCFC;
}
#navigation {
	border-bottom:1px solid #cccccc;
	background:#fff;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;

}
#navigation ul {
	margin:0px 0px 0px 10px;
	padding:0px 0px 5px 0px;
	list-style:none;
	font-size:11px;
}
#navigation ul li {
	margin:0px;
	display:inline;
	float:left;
	border-right:1px solid #ccc;
	padding:5px 10px 5px 10px;
}
#navigation ul li.page_item {
	margin:0px;
	display:inline;
	border-right:1px solid #ccc;
	padding:5px 10px 5px 10px;
}
#navigation ul li.current_page_item {

	display:inline;
	margin:0px;
	border-right:1px solid #ccc;
	padding:5px 10px 5px 10px;
	background:#f4f4f4;
}
#navigation ul li a {

}
#navigation ul li a {
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}
form.search {
	float:right;
	margin-right:10px;
}
#nav-space {
	height:20px;
	background:#f4f4f4;
}
#left-content {
	float:left;
	width:620px;
	background:#fff;
	border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
	text-align:left;
	padding:0px 10px 10px 10px;
}
#heading {
	border-bottom:1px solid #ddd;
	text-align:center;
}
#left-content .posts {
	font-family:Georgia, "Times New Roman", Times, serif;
}
#left-content  hr {
	border:1px solid #ccc;
}
.posts h2 {
	font-size:20px;
	font-weight:normal;
	margin-top:10px;
}
.posts h3 {
	font-size:14px;
	font-weight:normal;
	margin-top:10px;
}
.posts-date {
	font-size:13px;
	text-transform:uppercase;
	color:#666666;
	margin-top:10px;
	text-align:right;
}
.posts-author a , .posts-cate a {
	color:#004276;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;

	text-transform:uppercase;
}
.posts-author, .posts-cate {
	color:#666666;
	font-size:13px;
}
.posts-cate {
	margin-bottom:10px;
}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	margin-top:20px;
}
h1 a{
	text-decoration:none;
	background:#fff;

	color:#000;
}
.posts a {
	color:#004276;
	text-decoration:none;
}
.posts .posts-content {
	font-size:13px;
	line-height:1.7em;
}
.posts-content h4 {
	font-size:18px;
}
.posts-content h5 {
	font-size:14px;
}
.posts-content ul {
	list-style:square;
}
.posts-content img {
	border:none;
}
.posts-content a{
	color:#004276;
	text-decoration:none;

}
.posts-content a:hover {
	text-decoration:underline;
}
.posts-content blockquote{
	background: #Fbfbfb ;
	color:#666666;
	/*font-style:italic;*/
	padding:0px 10px 10px 10px;
	border:1px solid #eee;
}
.posts .posts-content p {
	line-height:1.5em;
}
.posts-meta {
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;

}
.posts-meta ul {
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;

}
.posts-meta ol {
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
.posts-meta ul li {
	margin-right:20px;
	display:inline;
}
.posts-meta a{
	color:#004276;
	text-decoration:none;
}
#Post_Navigation a {
	color:#004276;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}
#Next_Posts {
	float:right;
	width:200px;
	text-align:right;
}
#Prev_Posts {
	float:left;
	width:200px;

}
#comments-wrapper {
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.5em;
}
#comments-wrapper .comments-block {
	font-size:13px;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #ddd;
}
#comments-wrapper a{
	color:#004276;
	text-decoration:none;
}
#comments-wrapper p{
	line-height:1.5em;
}
.comments-author {
	width:150px;
	float:left;

}
.comments-data {
	float:right;
	width:460px;

}
#sm-space {
	float:right;
	width:329px;
	text-align:left;
	padding:5px 0px 5px 10px;
	font:13px Georgia, "Times New Roman", Times, serif;
	background:#F4F4F4;
}
#right-content {
	float:right;
	width:319px;
	border-top:1px solid #ccc;
	text-align:left;
	font-weight:normal;
	padding:0px 10px 10px 10px;
}
.widgets {
	font-family:Georgia, "Times New Roman", Times, serif;

}
.widgets img{
	border:none;

}
.widgets h3 {
	font-size:16px;
	font-weight:normal;
	margin-top:10px;
}
.widgets ul {
	margin:0px;
	padding:0px;
	list-style:none;
	border-top:1px solid #ddd;
}
.widgets ul li {
	padding:5px 0px 5px 5px;
	line-height:1.5em;
	border-bottom:1px solid #ddd;
}
.widgets a {
	color:#004276;
	text-decoration:none;
}
.widgets .widget-content, .widget-two-column {
	margin-top:10px;
	border-bottom:2px solid #ddd;
	padding:0px 0px 10px 0px;
	font-size:12px;
	font-weight:normal;
	line-height:1.5em;
}
.left-widget-column {
	width:160px;
	float:left;

}
.right-widget-column {
	float:right;
	width:155px;

}
.clear {
	clear:both;
}
#Comment-Form label {
	padding-bottom:5px;
	margin-top:10px;
	display:block;
}
.moderation {
	color:#666666;
}

a.feeds {
	margin-left: 5px;
	padding:8px 0px 8px 35px;
	background:url(rss-feed.png) no-repeat 0 50%;
}
a.reader {
	margin-left: 5px;
	padding:8px 0px 8px 35px;
	background:url(rss-reader.png) no-repeat 0 50%;
}

#footer {
	width:980px;
	margin:0px auto;
	padding:5px 0px 5px 0px;
	margin-top:10px;
	text-align:left;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

#footer a{
	color:#004276;
	background:#fff;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

    I’m using Firefox 3.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sidebar formatting error on the index page’ is closed to new replies.