WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] font color issue... (5 posts)

  1. hotconductor
    Member
    Posted 4 years ago #

  2. sub-lime1
    Member
    Posted 4 years ago #

    Hi Drake,

    you will not edit your text colours in the , or any .PHP file.

    The size, font type, font weight and colour will all be done through your Css stylesheet.

    you did not mention what text you wanted white? Header, body, footer..
    But its pretty easy to find it in the Css.

    If this helped please mark as resolved, if not.

    add your Css script here and whach part of the Header,body,footer you want to change and il try help out

  3. hotconductor
    Member
    Posted 4 years ago #

    On this page I have inserted a simple table, but the text is displaying as black instead of white. On the rest of my blog the text is white by default, so I don't know what is happening.

    Thank you for your time and effort!!!

    Here is my style.css page...

    /*
    Theme Name: Pixeled
    Theme URI: http://samk.ca/freebies/free-wordpress-theme-pixeled/
    Description: Dark WP theme with 2-3 column layout, dropdown categories menu, multiple widget-ready placement and feedburner email form integrated, easy to customize. Created by samk. Enjoy! (Other color schemes available soon!)
    Author: sam
    Author URI: http://samk.ca/
    Version: 1.5
    Tags: black, blue, 3 columns, 2 columns, clean, transparent, right sidebar, fixed width, valid xhtml, valid css, feedburner, adsense ready, 1024, dropdown categories, widgets, footer navigation, drop down
    .
    Released under the GPL.
    .
    */

    /* Defaults */

    * {
    margin: 0;
    padding: 0;
    }

    h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 10px 0;
    }

    h1, h2, h3, h4, h5, h6 {
    font-family: Verdana;
    }

    hr {
    color: #333;
    border: 1px solid #121212;
    }

    pre {
    height: auto;
    overflow-x:scroll;
    }

    fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    }

    dd {
    padding-left: 15px;
    }

    p {
    font-size: 9pt;
    }

    a {
    color: #6598b8;
    text-decoration: none;
    }

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

    a img {
    border: none;
    }

    blockquote {
    background: #070707;
    border: 1px solid #060606;
    padding: 5px 15px;
    margin: 10px 10px 5px 15px;
    font-style: italic;
    color: #fff;
    }

    code {
    color: #3366cc;
    font-style: italic;
    }

    strong {
    font-size: 110%;
    }

    body {
    text-align: center;
    margin: 0;
    padding: 0 0 15px 0;
    font-family: trebuchet ms, arial, helvetica, sans-serif;
    background: #000 url(images/bgbody.jpg) top center no-repeat;
    }

    /* Header and wrapper */
    #wrapper {
    margin: 0 auto;
    width: 960px;
    text-align: left;
    padding: 0;
    }

    #header {
    padding: 0;
    margin: 0;
    height: 80px;
    }

    #header #topright {
    text-align: right;
    float: right;
    width: 600px;
    margin: 5px 0 0 0;
    }
    #header #topright ul {
    list-style: none;
    padding: 0;
    margin: 0;
    }
    #header #topright li {
    display: inline;
    }
    #header #topright li a {
    color: #fff;
    font-size: 9pt;
    padding: 0 0 0 25px;
    text-transform: lowercase;
    }
    #header #topright li a:hover {
    color: #000;
    text-decoration: none;
    }

    #header #logo {
    float: left;
    width: 350px;
    margin: 25px 0 0 0;
    padding: 0;
    }
    #header h1 {
    padding: 0;
    margin: 0;
    }
    #header h1 a {
    color: #fff;
    font-size: 17pt;
    text-decoration: none;
    }
    #header h1 a:hover {
    color: #eee;
    text-decoration: none;
    }
    #header span {
    padding: 0;
    color: #111;
    font-size: 11pt;
    }

    /* Menu */

    #catnav {
    margin: 20px 0 0 0;
    padding: 0;
    clear: both;
    height: 44px;
    width: 960px;
    }

    #nav {
    list-style: none;
    margin: 0;
    padding: 0;
    }

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

    #nav li {
    float: left;
    margin: 0;
    padding: 0;
    }

    #nav a {
    display: block;
    line-height: 44px;
    margin: 0;
    padding: 0 20px 0 15px;
    font-size: 10pt;
    color: #fff;
    letter-spacing: -1px;
    }

    #nav li a:hover {
    color: #6598b8;
    text-decoration: none;
    display: block;
    }

    #nav li ul {
    list-style: none;
    position: absolute;
    width: 150px;
    left: -999em;
    }

    #nav li:hover ul, #nav li.sfhover ul {
    left: auto;
    }

    #nav li li {
    float: left;
    margin: 0;
    padding: 0;
    width: 150px;
    }

    #nav li li a {
    width: 150px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    border-top: 1px solid #131f27;
    background: #040404;
    margin: 0;
    padding: 5px 20px 5px 15px;
    }

    #nav li li a:hover {
    border-top: 1px solid #131f27;
    background: #000;
    padding: 5px 20px 5px 15px;
    }

    #nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
    position: static;
    }

    #toprss {
    float: right;
    margin: 10px 15px 0 0;
    display: inline;
    width: 65px;
    line-height: 41px;
    }

    /* Top Content */

    #main {
    margin: 5px 15px 0 15px;
    clear: both;
    width: 930px;
    padding-bottom: 5px;
    }
    #contentwrapper {
    float:left;
    width: 560px;
    margin: 0 0 15px 0;
    padding: 0;
    }
    #contentwrapper2 {
    float:left;
    width: 900px; margin: 0 0 15px 0;
    padding: 0;
    }
    #contentwrapper .pageTitle, #contentwrapper2 .pageTitle {
    margin: 15px 0 10px 0;
    font-size: 14pt;
    letter-spacing: -1px;
    color: #fff;
    font-weight: normal;
    background: url(images/bg-trans.png) repeat;
    padding: 5px;
    }
    .topPost {
    margin: 0;
    padding: 0;
    font-size: 9pt;
    }
    .topPost h2.topTitle a {
    font-size: 15pt;
    font-weight: normal;
    color: #fff;
    letter-spacing: -2px;
    }
    .topPost h2.topTitle a:hover {
    text-decoration: none;
    color: #abd1ea;
    }
    .topPost p.topMeta {
    padding: 0;
    margin: -10px 0 0 0;
    font-size: 9pt;
    color: #cdcdcd;
    }
    .topPost p.topMeta a {
    text-decoration: underline;
    color: #fff;
    }
    .topPost p.topMeta a:hover {
    color: #ccc;
    }
    .topPost div.topContent {
    font-size: 9pt;
    color: #efefef;
    margin: 8px 0;
    }
    .topPost div.topContent a {
    text-decoration: underline;
    color: #fff;
    }
    .topPost div.topContent a:hover {
    text-decoration: underline;
    color: #ff9933;
    }

    .topPost div.topContent ul, .topPost div.topContent ol {
    padding: 0 0 0 30px;
    }
    .topPost div.topContent ul li, .topPost div.topContent ol li {
    color: #eee;
    }
    .topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
    font-size: 9pt;
    font-style: italic;
    background: url(images/bg-trans.png) repeat;
    padding: 8px 10px;
    margin-right: 5px;
    line-height: 27pt;
    color: #fff;
    border: 1px solid #111;
    }
    .topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {
    background: #040404;
    }
    .topPost span.topComments a {
    color: #fff;
    background: url(images/comments.gif) left no-repeat;
    padding-left: 20px;
    line-height: 27pt;
    vertical-align: middle;
    }
    .topPost span.topMore a {
    color: #fff;
    background: url(images/more.gif) left no-repeat;
    padding-left: 20px;
    line-height: 27pt;
    vertical-align: middle;
    }
    .topPost span.topTags em {
    background: url(images/tags.gif) left no-repeat;
    padding-left: 20px;
    line-height: 27pt;
    vertical-align: middle;
    color: #0a0a0a;
    }
    .topPost span.topTags a {
    color: #fff;
    line-height: 27pt;
    vertical-align: middle;
    }
    .topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
    color: #fff;
    text-decoration: underline;
    }

    #nextprevious {
    margin: 10px 0 5px 0;
    }
    #nextprevious a {
    color: #83adc8;
    text-transform: lowercase;
    text-decoration: underline;
    }
    #nextprevious a:hover {
    color: #fff;
    }

    /* Comments */

    #comment {
    margin-bottom: 10px;
    background: #040404;
    width: 530px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */
    border: 1px solid #090909;
    padding: 10px 15px;
    color: #fff;
    }
    #comment a {
    color: #6598b8;
    }
    #comment a:hover {
    color: #fff;
    }
    #numberofcomments {
    color: #fff;
    font-size: 12pt;
    margin-top: 10px;
    }
    ol#commentlist {
    list-style: none;
    margin: 10px 0;
    font-size: 9pt;
    }
    #commentlist li {
    margin: 0 0 15px 0;
    padding: 10px;
    background: #030303;
    border: 1px solid #0a0a0a;
    }
    #commentlist li.alt {
    background: #000;
    border: 1px solid #010101;
    border: none;
    }
    #commentlist li.cleared {
    background: transparent;
    border: none;
    }
    #commentlist a:hover {
    color: #eee;
    }
    #commentlist a.gravatar {
    float: left;
    margin: 0 10px 0 0;
    width: 69px;
    }
    #commentlist .commentbody {
    margin: 0;
    padding: 0 5px 0 0;
    float: right;
    width: 410px;
    }
    #commentlist .commentbody p a {
    text-decoration: underline;
    }
    #commentlist cite {
    font-size: 10pt;
    font-style: normal;
    color: #ddd;
    }
    #commentlist small.commentmetadata a {
    color: #666;
    }
    #commentlist p {
    color: #dedede;
    }
    #comment h3 {
    font-size: 10pt;
    font-weight: normal;
    color: #fff;
    margin: 15px 0 0 0;
    padding: 0;
    }
    textarea#comment {
    width: 450px;
    background: #fff;
    color: #111;
    }
    #comment #submit {
    margin-left: 0px;
    margin-top: -25px;
    }

    /* Welcome section */

    #main #welcome {
    margin: 0 0 20px 0;
    padding: 0 0 5px 0;
    background: url(images/bg-trans.png) repeat;
    }
    #main #welcome h2 {
    font-size: 14pt;
    font-weight: normal;

    color: #fff;
    letter-spacing: -2px;
    margin: 0 10px;
    padding: 10px 0 3px 0;
    }
    #main #welcome p {
    font-size: 9pt;
    color: #eee;
    margin: 0 10px;
    padding: 6px 0;
    }
    #main #welcome a {
    text-decoration: underline;
    color: #ff9933;
    }
    #main #welcome a:hover {
    color: #6598b8;
    }
    #main #welcome form {
    margin: -5px 0 0 0;
    background: transparent; /* required for IE */
    }
    #main #welcome #feedbox {
    border: 1px solid #ccc;
    padding: 2px 1px;
    width: 180px;
    }
    .submitbutton {
    margin: -5px 0 0 5px;
    background: #010101;
    color: #fff;
    font-size: 8pt;
    padding: 3px 6px;
    vertical-align: middle;
    border: 1px solid #111;
    }
    .submitbutton:hover {
    cursor: pointer;
    background: #050505;
    }

    /* Sidebars */
    #sidebars {
    margin: 15px 0 0 0;
    float: right;
    width: 340px;
    color: #eee;
    }
    #sidebars .sidebarbox {
    background: url(images/bg-trans.png) repeat;
    padding: 8px 15px;
    }

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

    #sidebar_left {
    float: left;
    width: 160px;
    }

    #sidebar_right {
    float: right;
    width: 160px;
    }

    #sidebars h2 {
    margin: 0;
    padding: 0 0 8px 0;
    font-weight: normal;
    font-size: 11pt;
    color: #fff;
    letter-spacing: -1px;
    }

    #sidebars table {
    width: 130px;
    }

    #sidebars ul {
    margin: 0;
    padding: 0 0 5px 0;
    }

    #sidebars li {
    margin-bottom: 20px;
    list-style: none;
    font-size: 9pt;
    }

    #sidebars li ul {
    padding: 0;
    }

    #sidebars ul ul li {
    margin: 0;
    padding: 2px 2px 2px 16px;
    color: #eee;
    background: url(images/bullet.gif) left 8px no-repeat;
    line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
    }

    #sidebars a {
    display: inline;
    color: #eee;
    }
    #sidebars a:hover {
    color: #6598b8;
    text-decoration: underline;
    }

    #sidebars p {
    padding: 2px 0;
    font-size: 9pt;
    color: #eee;
    }

    #tag_cloud a {
    display: inline;
    }

    #sidebars ul.children li {border-bottom:none;}
    #sidebars ul.children {margin-bottom:0;}

    /* Before footer */

    #morefoot {
    background: #000 url(images/bggrad.jpg) top left repeat-x;
    border: 1px solid #070707;
    padding: 15px;
    color: #dfdfdf;
    margin: 0 0 10px 0;
    }
    #morefoot p {
    margin: 5px 0;
    padding: 5px 0;
    }
    #morefoot ul {
    list-style-type: none;
    margin-top: 5px;
    }
    #morefoot ul li, #morefoot p {
    font-size: 9pt;
    }
    #morefoot a {
    text-decoration: underline;
    color: #ddd;
    }
    #morefoot a:hover {
    text-decoration: underline;
    color: #6598b8;
    }
    #morefoot h3 {
    font-size: 12pt;
    font-weight: normal;
    color: #dfdfdf;
    letter-spacing: -1px;
    border-bottom: 1px dotted #444;
    margin: 0;
    padding: 0 0 2px 0;
    }
    #morefoot #searchbox {
    padding: 1px;
    width: 180px;
    }
    #morefoot .col1 {
    float: left;
    width: 340px;
    }
    #morefoot .col2 {
    margin: 0 25px;
    }
    #morefoot .col2, #morefoot .col3 {
    float: left;
    width: 260px;
    }
    #morefoot li {
    padding-left: 20px;
    margin-bottom: 5px;
    background: url(images/more.gif) left 2px no-repeat;
    line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
    }

    /* footer*/
    #footer {
    clear: both;
    background: #000;
    border: 1px solid #070707;
    padding: 15px 15px 10px 15px;
    }
    #footer p {
    font-size: 9pt;
    color: #bbb;
    padding: 0;
    }
    #footer a {
    color: #bbb;
    text-decoration: underline;
    }
    #footer a:hover {
    color: #fff;
    }
    #footerleft {
    float: left;
    width: 500px;
    }
    #footerright {
    float: right;
    width: 300px;
    text-align: right;
    }

    /* Misc */

    .highlight {
    color: #222;
    font-weight: bold;
    }

    .cleared {
    margin: 0;
    padding: 0;
    clear: both;
    }

    .alignleft {
    float: left;
    margin: 5px 10px 5px 0;
    }
    .alignright {
    float: right;
    margin: 5px 0 5px 10px;
    }
    .aligncenter,
    div.aligncenter {
    margin: 10px auto;
    text-align: center;
    display: block;
    }

    img.alignleft {
    float: left;
    margin: 5px 10px 5px 0;
    }
    img.alignright {
    float: right;
    margin: 5px 0 5px 10px;
    }
    img.aligncenter {
    margin: 10px auto;
    text-align: center;
    display: block;
    }

    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;

    padding-top: 4px;

    /* optional rounded corners for browsers that support it */

    -moz-border-radius: 3px;

    -khtml-border-radius: 3px;

    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

    .wp-caption img {
    margin: 0;
    padding: 0;
    border: none;
    }

    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    color: #111;
    }

  4. esmi
    Theme Diva & Forum Moderator
    Posted 4 years ago #

    Please don't post huge chunks of code here. For larger blocks of code, use the WordPress pastebin. It makes life easier for everyone.

    Try adding:

    table,th,td {color:#fff;}

    to the bottom of style.css.

  5. hotconductor
    Member
    Posted 4 years ago #

    I apologize for posting such a large block of code. Wont happen again!

    Thank you very kindly for your help. Exactly what I needed. I understand the code and will keep it in mind when I have font color issues in the future.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.