Changing wordpress content text color. Please help

by 4 replies
5
It's been years that I haven't touch any coding and now I am having problem changing even the colors. I can't find the color code where to change. Here is my css file. I am trying to figure out this site Imahinasyon | The Real Entertainment. I want to change the text color to black #000000 . Any help is highly appreciated. Thanks a lot.

Code:
/*
Theme Name: LafontisMagazine
Theme URI: http://www.simplewpthemes.com
Version: 1.0
Author: sin2384
Author URI: http://www.simplewpthemes.com
Description: Free Wordpress theme by <a href="http://www.simplewpthemes.com/">SimpleWPThemes.com</a>. Please read READ ME.TXT file to find out how to insert pictures in the slider and gallery!
*/
@import url("css/comments.css");
@import url("css/reset.css");
@import url("css/slide.css");
@import url("css/featuredcats.css");
* {
  margin: 0;
  padding: 0;
}
/***************LINKS*************************/

a:link, a:visited {
  color: #378dbe;
  text-decoration: none;
}
a:hover {
  color: #000;
}
/***************END LINKS*************************/

html body {
  background: #dedede url(images/header.gif) repeat-x;
  font-size: 12px;
  font-family: Arial, Verdana, Tahoma, Times New Roman;
  line-height: 1.5em;
  color: #888787;
}

/***************LAYOUT*************************/
#shadow-top {
  margin: 0 auto;
  width: 968px;
  height: 3px;
  background: url(images/top-shadow.png) no-repeat;
}
#shadow-bot {
  margin: 0 auto 20px;
  width: 968px;
  height: 3px;
  background: url(images/shadow-bot.png) no-repeat;
}
#mainwrap {
  margin: 0 auto;
  width: 968px;
  background: url(images/shadow.png) repeat-y;
  overflow: hidden;
}
#header {
  width: 960px;
  height: 72px;
  padding-top: 15px;
  margin: 0 auto;
}
#blogtitle {
  color: #fff;
  text-transform: uppercase;
  float: left;
  padding-top: 8px;
  margin-left: 20px;
  display:inline;
}
#heading {
  color: #fff;
}
.description {
  font-size: 14px;
  color: #0e2330;
  margin-top: -8px;
}
.adv {
  float: right;
  margin: 0px 0px 0 0;
}

/* -------- START PAGE MENU -------- */

#top {
  clear: both;
  width: 968px;
  height: 69px;
  background: url(images/top.png) no-repeat;
  margin: 0 auto 20px;
}
#top li {
  float: left;
  line-height: 71px;
}
#top li a {
  float: left;
  display: block;
  padding: 0 15px 0 25px;
  color: #5c5b5b;
  font-size: 14px;
  text-transform: uppercase;
}
#top li.current_page_item a, #top li a:hover {
  color: #383838;
}
#top li li {
  display: none;
}
/* -------- END PAGE MENU -------- */

#s {
  width: 206px;
  padding: 8px 0px 8px 5px;
  border: 1px solid #d9d8d8;
  margin-bottom: 5px;
  background: #fff url(images/lupa.png) no-repeat scroll 95% 50%;
  color: #979696;
  font-size: 10px;
}
#contentwrap {
  float: left;
  width: 720px;
}
#sidebar {
  float: right;
  width: 234px;
  margin: 10px 10px 0 0;
  display: inline;
}
#footer {
  width: 960px;
  clear: both;
  padding: 15px 0 20px;
  font-size: 11px;
  color: #4a4d4f;
  overflow: hidden;
  margin: 0 auto;
  background: url(images/footer.gif) repeat-x scroll top;
}
#footer a, #footer a:visited {
  color: #378dbe;
}
#footer a:hover {
  text-decoration: underline;
}
.inside {
  padding: 10px;
}
/* -------- END WP LAYOUT -------- */

/* -------- START WP STYLES -------- */

#sidebar h3 {
  padding: 14px 0 10px 8px;
  font-size: 16px;
  color: #000000;
  width: 220px;
  height: 21px;
  background: #378dbe;
  margin-left: -7px;
  text-transform: uppercase;
}
.widget-top {
  clear: both;
  width: 234px;
  height: 3px;
  background: url(images/widget-top.png) no-repeat;
}
.side-widget {
  width: 214px;
  padding: 0 10px;
  background: url(images/widget-bg.png) repeat-y;
}
.widget-bot {
  width: 234px;
  height: 3px;
  background: url(images/widget-bot.png) no-repeat;
  margin-bottom: 20px;
}
#sidebar ul {
  margin: -3px 0 0 -7px;
  width: 228px;
}
#sidebar ul.children {
  margin: 6px 0 -6px 5px;
  width: 100%;
}
*+html #sidebar ul.children {
  margin-bottom: 3px;
}
#sidebar ul li {
  padding: 6px 5px 6px 8px;
  margin-left: 0;
  border-bottom: 1px solid #c7c6c6;
}
#sidebar li li {
  border-bottom: 0;
  border-top: 1px solid #c7c6c6;
}
.side-widget a, .side-widget a:visited {
  color: #959595;
}
.side-widget a:hover {
  color: #378dbe;
  text-decoration: underline;
}
.textwidget {
  padding: 5px 3px !important;
}
.side-widget div {
  padding: 5px 0;
}
/***************POST STYLES*************************/
h2.title {
  margin-bottom: 10px;
  line-height: 30px;
  font-size: 30px;
}
h2.title a, h2.title a:visited {
  color: #424242;
}
.meta {
  background: #378DBE;
  color: #fff;
  padding: 5px 8px;
  font-size: 11px;
}
.meta a, .meta a:visited {
  color: #fff;
}
a.more-link {
  float: right;
  background: #378DBE;
  color: #fff;
  padding: 5px 8px;
  font-size: 11px;
  margin-top: 10px;
}
.postmetadata {
  margin-top: 15px;
}
.post-top {
  width: 700px;
  height: 3px;
  background: url(images/post-top.png) no-repeat;
}
.post, .page {
  width: 674px;
  padding: 13px;
  background: url(images/post-bg.png) repeat-y;
  overflow: hidden;
}
.post-bot {
  width: 700px;
  height: 3px;
  background: url(images/post-bot.png) no-repeat;
  margin-bottom: 20px;
}
.tags {
  margin-top: 10px;
}
.entry {
  margin-top: 10px;
  line-height: 20px;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
  margin-top: 15px;
}
.entry h2 {
  margin-bottom: 0.4em;
}
.entry p {
  margin-top: 10px;
}
.entry img, .post_thumbnail {
  padding: 5px;
  border: 1px solid #cdcccc;
  background: #fff;
}
.entry th {
  padding: 0;
  margin-right: 2px;
}
.entry li {
  margin-left: 20px;
  list-style: circle;
}
.entry ol li {
  list-style: decimal;
}
blockquote {
  border-left: 10px solid #666666;
  margin-left: 20px;
}
blockquote p {
  padding: 10px;
}
.alignleft {
  float: left;
  margin: 5px 10px 0px 0px;
}
.alignright {
  float: right;
  margin: 5px 0px 0px 10px;
}
img.aligncenter {
  display: block;
  margin: 0 auto 5px;
}
/***************END POST STYLES*************************/
#calendar_wrap {
  text-align: center;
}
caption {
  background: #378dbe;
  width: 100%;
  color: #fff;
}
#wp-calendar th {
  padding: 11px;
}
#wp-calendar td a:link, td#prev a, td#next a {
  background: #378dbe;
  padding: 1px 6px;
  color: #fff;
  line-height: 29px;
}
li.pagenav, li.categories, li.linkcat {
  list-style:none;
}
h2.pagetitle {
  margin: 10px 0 20px;
  font-size: 34px;
  text-align: center;
  color: #000;
}
p.center {
  margin: 10px 0;
}
/* -------- END WP STYLES -------- */



/* -------- TABLES -------- */
#contentwrap table{font-size:1.2em;margin:5px 0 25px 1px;}
#contentwrap table td{padding:8px;border: 1px solid #ccc;}
/* -------- END TABLES -------- */


/* -------- PAGE NAVIGATION -------- */

.wp-pagenavi{
  clear:both;
  margin:20px 0 20px;
}
.wp-pagenavi span.pages,.wp-pagenavi span.extend{
  background:#efeeee;
  border:1px solid #d0cfcf;
  color:#b1b1b1;
  margin:2px;
  padding:3px 7px;
}
.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited{
  background:#efeeee;
  border:1px solid #d0cfcf;
  color:#b1b1b1;
  margin:2px;
  padding:3px 7px;
  text-decoration:none;}
.wp-pagenavi span.current,.wp-pagenavi a:hover{
  background:#fff;
  border:1px solid #d0cfcf;
  color:#378dbe;
  margin:2px;
  padding:3px 7px;
}
/* -------- END PAGE NAVIGATION -------- */

/* -------- SUBSCRIPTION -------- */
ul#botsoc {
  float: right;
  width: 208px;
  margin-top: 10px;
}
ul#botsoc li {
  float: left;
  line-height: 0;
  border-right: 0;
  padding: 18px 0 0 15px;
}
ul#botsoc li a {
  padding: 0;
}
/* -------- END SUBSCRIPTION -------- */
.flickr_badge_image { float: left; margin-bottom: 4px;}
.flickr_badge_image img { width: 65px; height: 47px; padding: 0px; margin: -2px 4px -6px 1px; border: 1px solid #acacac;   float: left; }
#flickr_badge_image3 img, #flickr_badge_image6 img, #flickr_badge_image9 img, #flickr_badge_image12 img {
  margin-right: 0;
}
.flickrw {
  overflow: hidden;
  padding-bottom: 6px;
}
#programming #changing #color #content #text #wordpress
  • Code:
    html body {
  background: #dedede url(images/header.gif) repeat-x;
  font-size: 12px;
  font-family: Arial, Verdana, Tahoma, Times New Roman;
  line-height: 1.5em;

}
    • [ 1 ] Thanks
  • Use google chrome - > firebug
    Then select the content, look for the class in the .css file, edit it.

    That's all, easy as hell.
  • Hi Friend,

    Firebug is really helpful before changing anything in direct css file. Firebug also helps you to find the line number and file name where you need to change the specific things.
    Change the properties through firebug if its okay then change in direct css file.
    • [1] reply
    • Also, to save headaches down the road, you should implement any such modifications to a WordPress theme by means of a Child Theme. It's easy to do, and simple directions may be found at WordPress.org.
Join the discussion

Next Topics on Trending Feed

  • 5

    Changing wordpress content text color. Please help

    It's been years that I haven't touch any coding and now I am having problem changing even the colors. I can't find the color code where to change. Here is my css file. I am trying to figure out this site Imahinasyon | The Real Entertainment. I want to change the text color to black #000000 . Any help is highly appreciated. Thanks a lot. Code: /* Theme Name: LafontisMagazine Theme URI: http://www.simplewpthemes.com Version: 1.0 Author: sin2384 Author URI: http://www.simplewpthemes.com Description: Free Wordpress theme by <a href="http://www.simplewpthemes.com/">SimpleWPThemes.com</a>. Please read READ ME.TXT file to find out how to insert pictures in the slider and gallery! */ @import url("css/comments.css"); @import url("css/reset.css"); @import url("css/slide.css"); @import url("css/featuredcats.css"); * { margin: 0; padding: 0; } /***************LINKS*************************/ a:link, a:visited { color: #378dbe; text-decoration: none; } a:hover { color: #000; } /***************END LINKS*************************/ html body { background: #dedede url(images/header.gif) repeat-x; font-size: 12px; font-family: Arial, Verdana, Tahoma, Times New Roman; line-height: 1.5em; color: #888787; } /***************LAYOUT*************************/ #shadow-top { margin: 0 auto; width: 968px; height: 3px; background: url(images/top-shadow.png) no-repeat; } #shadow-bot { margin: 0 auto 20px; width: 968px; height: 3px; background: url(images/shadow-bot.png) no-repeat; } #mainwrap { margin: 0 auto; width: 968px; background: url(images/shadow.png) repeat-y; overflow: hidden; } #header { width: 960px; height: 72px; padding-top: 15px; margin: 0 auto; } #blogtitle { color: #fff; text-transform: uppercase; float: left; padding-top: 8px; margin-left: 20px; display:inline; } #heading { color: #fff; } .description { font-size: 14px; color: #0e2330; margin-top: -8px; } .adv { float: right; margin: 0px 0px 0 0; } /* -------- START PAGE MENU -------- */ #top { clear: both; width: 968px; height: 69px; background: url(images/top.png) no-repeat; margin: 0 auto 20px; } #top li { float: left; line-height: 71px; } #top li a { float: left; display: block; padding: 0 15px 0 25px; color: #5c5b5b; font-size: 14px; text-transform: uppercase; } #top li.current_page_item a, #top li a:hover { color: #383838; } #top li li { display: none; } /* -------- END PAGE MENU -------- */ #s { width: 206px; padding: 8px 0px 8px 5px; border: 1px solid #d9d8d8; margin-bottom: 5px; background: #fff url(images/lupa.png) no-repeat scroll 95% 50%; color: #979696; font-size: 10px; } #contentwrap { float: left; width: 720px; } #sidebar { float: right; width: 234px; margin: 10px 10px 0 0; display: inline; } #footer { width: 960px; clear: both; padding: 15px 0 20px; font-size: 11px; color: #4a4d4f; overflow: hidden; margin: 0 auto; background: url(images/footer.gif) repeat-x scroll top; } #footer a, #footer a:visited { color: #378dbe; } #footer a:hover { text-decoration: underline; } .inside { padding: 10px; } /* -------- END WP LAYOUT -------- */ /* -------- START WP STYLES -------- */ #sidebar h3 { padding: 14px 0 10px 8px; font-size: 16px; color: #000000; width: 220px; height: 21px; background: #378dbe; margin-left: -7px; text-transform: uppercase; } .widget-top { clear: both; width: 234px; height: 3px; background: url(images/widget-top.png) no-repeat; } .side-widget { width: 214px; padding: 0 10px; background: url(images/widget-bg.png) repeat-y; } .widget-bot { width: 234px; height: 3px; background: url(images/widget-bot.png) no-repeat; margin-bottom: 20px; } #sidebar ul { margin: -3px 0 0 -7px; width: 228px; } #sidebar ul.children { margin: 6px 0 -6px 5px; width: 100%; } *+html #sidebar ul.children { margin-bottom: 3px; } #sidebar ul li { padding: 6px 5px 6px 8px; margin-left: 0; border-bottom: 1px solid #c7c6c6; } #sidebar li li { border-bottom: 0; border-top: 1px solid #c7c6c6; } .side-widget a, .side-widget a:visited { color: #959595; } .side-widget a:hover { color: #378dbe; text-decoration: underline; } .textwidget { padding: 5px 3px !important; } .side-widget div { padding: 5px 0; } /***************POST STYLES*************************/ h2.title { margin-bottom: 10px; line-height: 30px; font-size: 30px; } h2.title a, h2.title a:visited { color: #424242; } .meta { background: #378DBE; color: #fff; padding: 5px 8px; font-size: 11px; } .meta a, .meta a:visited { color: #fff; } a.more-link { float: right; background: #378DBE; color: #fff; padding: 5px 8px; font-size: 11px; margin-top: 10px; } .postmetadata { margin-top: 15px; } .post-top { width: 700px; height: 3px; background: url(images/post-top.png) no-repeat; } .post, .page { width: 674px; padding: 13px; background: url(images/post-bg.png) repeat-y; overflow: hidden; } .post-bot { width: 700px; height: 3px; background: url(images/post-bot.png) no-repeat; margin-bottom: 20px; } .tags { margin-top: 10px; } .entry { margin-top: 10px; line-height: 20px; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-top: 15px; } .entry h2 { margin-bottom: 0.4em; } .entry p { margin-top: 10px; } .entry img, .post_thumbnail { padding: 5px; border: 1px solid #cdcccc; background: #fff; } .entry th { padding: 0; margin-right: 2px; } .entry li { margin-left: 20px; list-style: circle; } .entry ol li { list-style: decimal; } blockquote { border-left: 10px solid #666666; margin-left: 20px; } blockquote p { padding: 10px; } .alignleft { float: left; margin: 5px 10px 0px 0px; } .alignright { float: right; margin: 5px 0px 0px 10px; } img.aligncenter { display: block; margin: 0 auto 5px; } /***************END POST STYLES*************************/ #calendar_wrap { text-align: center; } caption { background: #378dbe; width: 100%; color: #fff; } #wp-calendar th { padding: 11px; } #wp-calendar td a:link, td#prev a, td#next a { background: #378dbe; padding: 1px 6px; color: #fff; line-height: 29px; } li.pagenav, li.categories, li.linkcat { list-style:none; } h2.pagetitle { margin: 10px 0 20px; font-size: 34px; text-align: center; color: #000; } p.center { margin: 10px 0; } /* -------- END WP STYLES -------- */ /* -------- TABLES -------- */ #contentwrap table{font-size:1.2em;margin:5px 0 25px 1px;} #contentwrap table td{padding:8px;border: 1px solid #ccc;} /* -------- END TABLES -------- */ /* -------- PAGE NAVIGATION -------- */ .wp-pagenavi{ clear:both; margin:20px 0 20px; } .wp-pagenavi span.pages,.wp-pagenavi span.extend{ background:#efeeee; border:1px solid #d0cfcf; color:#b1b1b1; margin:2px; padding:3px 7px; } .wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited{ background:#efeeee; border:1px solid #d0cfcf; color:#b1b1b1; margin:2px; padding:3px 7px; text-decoration:none;} .wp-pagenavi span.current,.wp-pagenavi a:hover{ background:#fff; border:1px solid #d0cfcf; color:#378dbe; margin:2px; padding:3px 7px; } /* -------- END PAGE NAVIGATION -------- */ /* -------- SUBSCRIPTION -------- */ ul#botsoc { float: right; width: 208px; margin-top: 10px; } ul#botsoc li { float: left; line-height: 0; border-right: 0; padding: 18px 0 0 15px; } ul#botsoc li a { padding: 0; } /* -------- END SUBSCRIPTION -------- */ .flickr_badge_image { float: left; margin-bottom: 4px;} .flickr_badge_image img { width: 65px; height: 47px; padding: 0px; margin: -2px 4px -6px 1px; border: 1px solid #acacac; float: left; } #flickr_badge_image3 img, #flickr_badge_image6 img, #flickr_badge_image9 img, #flickr_badge_image12 img { margin-right: 0; } .flickrw { overflow: hidden; padding-bottom: 6px; }