به من کمک کنید تا این قالب رو کمی تغییر بدم.

من می‌خوام از قالب وردپرس fontella استفاده کنم. ولی می‌خوام دوتا تغییر توش بدم:
رنگ فونتشو سفید کنم.
رنگ زمینه صفحه رو مشکی کنم.
(یعنی در کل برعکس الانش بشه.)
کجا رو باید تغییر بدم؟ تو فایل استایلش جایی رو برای تغییر رنگ زمینه پیدا نکردم.
این هم لینک خود قالب در سایت وردپرس فارسی:
http://themes.wp-persian.com/fontella

لطفا یکی منو راهنمایی کنه. رنگ فونتو عوض کردم. ولی هرچی می‌گردم نمی‌تونم بفهمم از کجا می‌تونم رنگ کل صفحه رو سیاه کنم!
اینم کدهای استایلش:

/*
	Theme Name: Fontella
	Theme URI: http://granimpetu.com/fontella
	Description: Big fonts theme.
	Author: Horacio Bella
	Author URI: http://granimpetu.com
	Version: 1.0
*/

* {
  direction: rtl;
	margin: 0;
	padding: 0;
	}

body {
  direction: rtl
	background: #fff url(images/bg.png) top repeat-x;
	color: #2A2A2A;
	font-family: Tahoma, Times New Roman;
	font-size: 9pt;
	margin: 0;
	padding: 0;
	}

/* Main Sections */

#topbar {
	background: #111;
	color: #fff;
	font-family: Tahoma;
	font-size: 7pt;
	margin: 0 auto 3px;
	width: 900px;
	padding: 8px 0 10px 0;
	text-align: left;
	text-transform: uppercase;
	}

#wrapper {
	margin: 50px auto 0;
	width: 760px;
	}

.post {
	margin-bottom: 50px;
	}

#indexwrapper {
	padding: 0;
	width: 900px;
	margin: 0 auto;
	}

#header {
	margin: 0;
	padding: 0;
	}

#pages {
	margin: 0;
	padding: 2px 0;
	text-align: right;
	}

#sidebar {
	font-size: 8pt;
	font-family: Tahoma, Arial;
	overflow: hidden;
	width: 888px;
	color: #505050;
	line-height: 1.2em;
	margin: 35px auto 50px;
	background: #FAFAFA url(images/sidebarbg.png) bottom repeat-x;
	border: 1px solid #E3E3E3;
	padding: 25px 10px 25px 0;
	text-align: right;
	}

#footer {
	font-size: 9pt;
	margin: 0 auto;
	padding: 10px 0 15px 0;
	text-align: left;
	clear: both;
	background: #000 url(images/footerwp.png) 20px bottom no-repeat;
	width: 900px;
	color: #fff;
	overflow: hidden;
	}

/* Index */

#presentation {
  direction: rtl;
	overflow: hidden;
	width: 850px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: right;
	}

#logo {
	width: 35%;
	float: right;
	}

.logobg {
	background: #fff url(images/logobg.jpg) no-repeat; /* Change this image by your logo or photo */
	margin-top: 20px;
	width: 282px; /* Here the width of your new image */
	height: 304px; /* And here the height */
	}

#lastpost {
	width: 64%;
	float: left;
	}

#lastpost h1 {
	margin-bottom: 10px;
	margin-right: 1px;
	}

#lastpost h1 a{
	font-size: 30pt;
	font-weight: bold;
	padding: 10px 0 15px 0;
	letter-spacing: -1px;
	font-family: Arial, Times New Roman;
	line-height: 34px;
	margin-right: 1px;
	}

#lastpost h1 a:hover{
	color: #054D95;
	text-decoration: none;
	}

#lastpost p {
	margin-bottom: 10px;
	line-height: 21px;
	}

#lastpost p a {
	border-bottom: 1px dotted #dcdcdc;
	}

/* Header, Topbar and Navbar */

#header h1 {
	font-size: 45px;
	font-weight: bold;
	font-family: Arial;
	text-transform: uppercase;
	margin-bottom: 18px;
	padding: 10px;
	text-align: right;
	border-bottom: 1px solid #000;
	}

#header a, #header a:hover {
	color: #010101;
	text-decoration: none;
	}

#topbarmax {
  direction: rtl;
	background: #000;
	}

#topbar span {
	margin-left: 10px;
	}

#topbar .icon{
	background: #000 url(images/feedicon.png) left no-repeat;
	margin-right: 5px;
	color: #3898F8;
	padding: 2px 0 2px 18px;
	}

#navbar {
	clear: both;
	margin: 6px 0 20px 0;
	max-width: 100%;
	min-width: 900px;
	position: relative;
	}

#navbar li a{
	font-size: 16pt;
	font-weight: bold;
	margin: 7px 0;
	padding: 0 3px 3px 3px;
	font-family: Arial, Times New Roman;
	text-transform: uppercase;
	}

#navbar li a:hover{
	text-transform: uppercase;
	padding-top: 6px;
	border-top: 3px solid #fff;
	background: #000;
	color: #fff;
	}

#navbar li {
	list-style-type: none;
	display: inline;
	margin-right: 3px;
	padding: 0 5px;
	}

/* Content */

#wrapper p, #wrapper ul, #wrapper ol {
	line-height: 1.5em;
	}

#wrapper ul {
	list-style: square inside;
	}

#wrapper h1{
	font-size: 36pt;
	font-weight: bold;
	padding: 10px 1px 15px 0;
	letter-spacing: -1.5px;
	font-family: Arial, Times New Roman;
	line-height: 34px;
	color: #0F0F0F;
	}

#wrapper h2{
	font-size: 24pt;
	font-weight: bold;
	padding: 10px 0 15px 0;
	letter-spacing: -1px;
	font-family: Arial, Times New Roman;
	line-height: 34px;
	color: #0F0F0F;
	}

#wrapper p {
	margin-bottom: 10px;
	}

.post ol li {
	margin: 0 25px 5px 0;
	}

#wrapper small {
	font-size: 8px;
	font-family: Tahoma;
	}

/* Single */

.singlelinks {
	text-transform: uppercase;
	text-align: right;
  direction: rtl;
	font-family: Tahoma;
	font-size: 7pt;
	margin-bottom: 15px;
	}

.single span {
	margin-left: 15px;
	}

.post p a {
	border-bottom: 1px dotted #dcdcdc;
	}

.post h3 {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 12px;
	margin-bottom: 5px;
	letter-spacing: 0px;
	font-family: Arial, Times New Roman;
	text-transform: uppercase;
	color: #2a2a2a;
	}

.post a:hover{
	border: 0;
	}

.post img {
	background: #fff url(images/imagesbg.png) bottom repeat-x;
	padding: 7px;
	border: 1px solid #dcdcdc;
	margin: 5px;
	}

.post h3 {
	margin-top: 25px;
	}

.feedback {
	text-transform: uppercase;
	text-align: right;
	font-family: Tahoma;
	font-size: 7pt;
	margin: 40px 0 20px 0;
	padding: 11px 10px 13px 5px;
	background: #fff url(images/feedbackbg.png) bottom repeat-x;
	color: #2A2A2A;
	border: 1px solid #E3E3E3;
	clear: both;
	}

.feedback li{
	list-style-type: square;
	margin-right: 15px;
	line-height: 14px;
	direction: rtl;
	}

.date {
	position: relative;
	width: 57px;
	float: left;
	top: -41px;
	background: #fff url(images/datebg.png) no-repeat;
	height: 72px;
	font-family: Arial;
	margin: 0 5px 0 8px;
	padding: 0 4px 0 0;
	}

.date .year {
	font-size: 11pt;
	font-weight: bold;
	color: #FAFAFA;
	text-align: right;
	background: transparent;
		padding-right: 2px;
	}

.date .day {
	font-family: Arial;
	font-size: 30pt;
	font-weight: bold;
	color: #ccc;
	letter-spacing: -2px;
	margin: -5px -12 -6px 0;
	text-align: center;
	height: 35px;
	padding-top: 0px;
	}

.date .month {
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding-right: 0;
	text-align: center;
	color: #999;
	}

#pagination {
	margin: 10px 0;
	text-align: center;
	}

.titlelink {
	margin-bottom: 10px;
	outline: 0;
	}

.titlelink a {
	font-size: 30pt;
	font-weight: bold;
	margin: 10px 0 15px 0;
	letter-spacing: -1px;
	font-family: Arial, Times New Roman;
	line-height: 34px;
	}

.titlelink a:hover {
	color: #054D95;
	text-decoration: none;
	}

.navposts {
	text-align: center;
	}

/* Sidebar (Bottombar) */

.sidebar {
	width: 900px;
	margin: 0 auto;
	direction: rtl;
	}

#sidebar li {
	border-bottom: 1px solid #ebebeb;
	list-style-type: none;
	padding: 4px 0;
	margin: 0;
	}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar #recententries li {
	padding: 5px 0;
	}

#sidebar h3 {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 7px;
	letter-spacing: 0px;
	font-family: Arial, Times New Roman;
	text-transform: uppercase;
	color: #2a2a2a;
	padding-top: 3px;
	}

#sidebar small {
	text-transform: uppercase;
	font-family: Tahoma;
	font-size: 7pt;
	}

#sidebar small a{
	color: #2A2A2A;
	}

#categories {
	width: 236px;
	float: right;
	margin-left: 35px;
	}

#recententries {
	width: 324px;
	float: right;
	margin-left: 35px;
	margin-right: 10px;
	}

#infocolumn {
	width: 236px;
	float: right;
	}

/* Comments */

#comments {
	margin: 0 auto;
	font-family: Tahoma, Times New Roman;
	font-size: 9pt;
	width: 650px;
	}

#commentlist {
	list-style: none;
	padding: 0;
	}

#commentlist li {
	border: 1px solid #ebebeb;
	margin: 25px 0 15px;
	background: #fff url(images/commentsbg.png) bottom repeat-x;
	padding: 10px 20px;
	line-height: 17px;
	}

#commentlist small {
	font-size: 8pt;
	color: #696969;
	}

#postcomment {
	margin: 40px 10px 10px 0;
	text-transform: none;
	}

ol #commentlist {
	margin-top: 15px;
	}

.headercomment {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 7px;
	letter-spacing: 0px;
	font-family: Arial, Times New Roman;
	text-transform: uppercase;
	color: #2a2a2a;
	}

.commenttext {
	margin-top: 10px;
	}

#comments textarea {
	width: 585px;
	padding: 10px;
	font-family: Tahoma, Arial;
	font-size: 9pt;
	margin-top: 10px;
	}

#comments input {
	width: 300px;
	padding: 6px;
	font-family: Tahoma, Arial;
	font-size: 9pt;
	margin-left: 5px;
	}

.commentsmess {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 7px;
	letter-spacing: 0px;
	font-family: Tahoma, Arial;
	text-transform: uppercase;
	color: #2a2a2a;
	color: #ccc;
	}

#leavecomment {
	margin: 60px 0 10px 0;
	}

#leavecomment p {
	padding-top: 10px;
	}

#submit input {
	font-size: 9pt;
	margin: 15px 0 7px 0;
	font-family: Tahoma;
	text-transform: none;
	padding: 6px 0;
	}

#comments h3 {
	font-size: 24pt;
	font-weight: bold;
	margin-bottom: 7px;
	margin-right: 1px;
	letter-spacing: -1px;
	font-family: Arial, Times New Roman;
	text-transform: none;
	color: #2a2a2a;
	clear: both;
	}

/*	Footer */

#footermax {
	background: #000;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 0;
	}

#footer .search {
	width: 300px;
	float:  right;
	margin-right: 20px;
	text-transform: uppercase;
	font-family: Tahoma;
	font-size: 7pt;
	text-align: right;
	line-height: 15px;
	}

.search input {
	padding: 3px;
	font-size: 9pt;
	font-family: Arial;
	}

.textfooter {
	width: 470px;
	float: left;
	margin: 5px 0 0 85px;
	text-transform: uppercase;
	font-family: Tahoma;
	font-size: 7pt;
	line-height: 15px;
	}

.textfooter a {
	color: #8DC4FB;
	}

.textfooter a:hover {
	color: #3898F8;
	text-decoration: none;
	}

/* General */

a {
	color: #0066CC; /* The color of the links */
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	color: #054D95;
	}

acronym, abbr, span.caps {
	border: 0;
	border-bottom: 1px dotted #ccc;
	}

blockquote {
	color: #787878;
	border-right: 3px solid #ccc;
	margin-right: 0px;
	padding-right: 10px;
	}

cite {
	text-decoration: none;
	}

code {
	font-family: 'Courier New', Courier, Fixed, sans-serif;
	font-size: 1.1em;
	}

img {
	border: 0;
	}

/* Float and Clear */

div.floatleft {
	float: right;
	}

div.floatright {
	float: left;
	}

div.both {
	clear: both;
	}

/* Images Align */

img.center {
	display: block;
	margin: auto;
	}

img.right {
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

img.left {
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.none { /* Add this class for images without border */
	border: 0;
	padding: 0;
	background: transparent;
	}

/* Text Align */

.center {
	text-align: center;
	}

.alignright {
	text-align: left;
	}

.alignleft {
	text-align: right;
	}

این هم قالبی که میخوام توش تغییر رنگ بدم (رنگ صفحه رو سیاه کنم):

<?php get_header(); ?>

<?php get_header(); ?>

<div id="wrapper">

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

	<div class="post"><h1><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php _e('Permanent Link to','fontella'); ?> <?php the_title(); ?>"></a>  <?php the_title(); ?></h1>

		<div class="singlelinks"><span><a href="<?php echo get_settings('home'); ?>"><?php _e('Back to home','fontella'); ?></a> / <a href="#comments" title="<?php _e('View comments of this entry','fontella'); ?>"><?php _e('View comments','fontella'); ?></a></span></div>

		<?php the_content("Continue reading - ".the_title('', '', false)." &raquo;"); ?>

		<?php link_pages(__('<p><strong>Pages:</strong> ','fontella'), '</p>', 'number'); ?>

			<div class="feedback">
				<div class="date"> <!--The calendar-->
					<div class="year"><?php the_time('Y'); ?></div>
					<div class="day"><?php the_time('j'); ?></div>
					<div class="month"><?php the_time('M'); ?></div>
				</div>
				<ul>
				<li><?php _e('Posted by','fontella'); ?> <?php the_author('') ?> <?php _e('at','fontella'); ?> <?php the_time('h:i a') ?> <?php edit_post_link(__('Edit','fontella'), ' — ', ''); ?></li>
				<li><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php _e('Permanent Link to','fontella'); ?> <?php the_title(); ?>"><?php _e('Permalink for this entry','fontella'); ?></a></li>
				<li><?php _e('Filed under:','fontella'); ?> <?php the_category(', ') ?></li>
				<li><?php comments_rss_link(__('<abbr title="Really Simple Syndication">RSS</abbr> comments feed of this entry','fontella')); ?> </li>
				<li><a href="<?php trackback_url() ?>" rel="trackback"><?php _e('TrackBack <abbr title="Uniform Resource Identifier">URI</abbr>','fontella'); ?></a></li>
				</ul>
			</div>

			<div class="navposts"><?php previous_post_link('&laquo; %link') ?> &mdash; <?php next_post_link('%link &raquo;') ?></div>

	</div>

</div>

<?php comments_template(); ?>

	<?php endwhile; else: ?>

		<h2 class="center"><?php _e('Not found','fontella'); ?></h2>

		<?php endif; ?>

<?php get_footer(); ?>

جايگزين کنيد

body {
  direction: rtl
	background: #000 url(images/bg.png) top repeat-x;
	color: #2A2A2A;
	font-family: Tahoma, Times New Roman;
	font-size: 9pt;
	margin: 0;
	padding: 0;
	}

مرسی. مشکل حل شد. :-)

وردپرس فارسی

انجمن

به من کمک کنید تا این قالب رو کمی تغییر بدم. (۵ نوشته)

درباره‌ی این موضوع

برچسب‌ها