by Oriam
10 replies
  • WEB DESIGN
  • |
Where do i go to change the font color to my post in Wordpress ?
My background is black and so is my text

This is my web page:
Poker Deals & Tips
#changing #colors #font
  • Profile picture of the author cmaclean
    I think you need to edit your site's css file to change the color of all text inside a blog post. The change will take effect to the whole site.

    If you're not familiar with how to do this, I suggest you contact your webmaster.

    Craig Maclean
    {{ DiscussionBoard.errors[1208812].message }}
  • Profile picture of the author Oriam
    I did go in the css file but can't find where to change it.
    Btw, I am the webmaster :-)
    {{ DiscussionBoard.errors[1209051].message }}
  • Profile picture of the author mywebwork
    You might find this resource useful:

    CSS Tutorial

    Bill
    {{ DiscussionBoard.errors[1209526].message }}
    • Profile picture of the author Oriam
      Thanks Bill.
      I will be studying css and php coding on that web site
      everyday.
      {{ DiscussionBoard.errors[1210213].message }}
      • Profile picture of the author Oriam
        /* Reset */
        body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form, p {
        margin: 0px;
        padding: 0px;
        }

        /* body */
        body {
        font: 12px Arial,Verdana, Tahoma, sans-serif;
        background: top left #111 url('images/body-bg.gif') repeat-x;
        }

        /* Container */
        div#container{
        width:980px;
        margin:0 auto;
        padding: 0px;
        background: #fff;
        }

        /* header */
        div#header-top{
        background: #ffc0c0 url('images/header-bg1.jpg');
        color:#262626;
        margin:0 auto;
        width: 980px;
        height: 60px;
        }

        div#header {
        background: #ff0101 url('images/header-bg2.jpg');
        color:#262626;
        margin:0 auto;
        width: 980px;
        height: 140px;
        }
        div#header h1{
        margin: 0;
        padding: 0;
        }
        div#header h1 a{
        display: block;
        height: 140px;
        padding: 0;
        margin: 0;
        background: 350px 57px url('images/logo.jpg') no-repeat;
        text-indent: -9999em;
        color:#262626;
        border: 0px;
        }

        /* Menu */
        div#menu {
        float:left;
        margin: 0 0 10px 0;
        width:980px;
        height: 40px;
        background: #262626 url('images/nav-bg.jpg') repeat-x;
        overflow:hidden;
        display:inline;
        }
        #menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        }
        #menu ul li{
        float: left;
        margin: 0 5px;

        }
        div#menu ul li a{
        display: block;
        float:left;
        height: 25px;
        padding: 12px 2px 3px;
        margin: 0 8px;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        text-decoration:none;
        }
        div#menu ul li a:hover{
        text-decoration:none;
        background: url('images/nav-bg-hover.jpg') repeat-x;
        }

        /* Navigation */
        #content .navigation {
        margin: 5px 0 0 0;
        padding: 5px 0;
        font-family: Georgia, Arial, Helvetica;
        font-size: 13px;
        font-weight: bold;
        text-align:center;
        }
        #content .navigation a {
        text-decoration: none;
        margin: 0 10px;
        }
        #content .navigation a:hover {
        text-decoration: underline;
        }

        /* wrapper */
        div#wrapper{
        float:left;
        width:980px;
        overflow:hidden;
        display:inline;}

        div#content{
        margin: 0 210px;
        padding: 0px;
        }
        div#content p{padding: 6px 0;}

        /* Advertisement */
        #content-ad-top {text-align:center; margin: 5px;border:0px;}
        #sidebar-ad {text-align:center; margin: 5px;}
        #content-ad-bottom {text-align:center; margin: 5px;}

        #content-ad-top img, #sidebar-ad img, #content-ad-bottom img {border:0px;}

        /* Post */
        .page, .post {
        padding: 5px 10px;
        border-bottom: 0px solid #f5f5f5;

        }
        .post-bg {
        border: 0px solid #eee;
        width:560px;
        margin: 0 0 10px 0;
        padding:0;
        }
        .post-top {
        margin: 5px 5px 0 5px;
        padding: 5px 5px 0 5px;
        }
        .post-bg h2{
        font-size: 24px;
        font-weight: normal;

        }
        .post-bg h2 a{
        color:#FFFFFF;
        }
        .sticky {}

        /* Entry meta */
        .entry-meta{margin: 0;color:#5e5e5e;font:10px;}

        /* Entry Date */
        .entry-date {
        background: top left url('images/calendar.gif') no-repeat;
        padding: 0 0 0 18px;
        margin: 0px;
        }

        /* Entry comments */
        .entry-comments {
        background: top left url('images/comments.gif') no-repeat;
        padding: 0 0 0 18px;
        margin: 0 0 0 3px;
        }

        .entry-comments a {
        color: #5e5e5e
        }
        .entry-comments a:hover {
        text-decoration:underline;
        }
        /* Entry Tags */
        .entry-tags {
        background: top left url('images/tags.gif') no-repeat;
        padding: 0 0 0 18px;
        margin: 0px;
        }
        .entry-tags a {color:#5e5e5e;}

        /* Entry Tags2 */
        .entry-tags2{margin: 10px 0 0 0;color:#262626;font: 12px Arial,Verdana, Tahoma, sans-serif;}
        .entry-tags2 a {color:#5e5e5e;}


        /* Entry Content */
        .entry-content {}
        .entry-content img {
        max-width: 100%;
        }
        .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 {
        padding: 10px 0 5px;
        }



        /* Page Links */
        div#page-links {
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size: 12px;
        font-style:italic;
        text-align:center;
        margin: 10px 0;
        }
        .edit-post {
        width: 80%;
        margin: 10px auto 0;
        padding: 5px;
        background: #f5f5f5;
        border: 1px dashed #d3d3d3;
        text-align:center;
        }

        .post-edit-link{color:#720300;}

        /* sidebars */
        div#sidebar-left{float:left;width:190px;margin-left:-970px;background:inherit;padding: 5px 0;}

        div#sidebar-right{float:left;width:190px;margin-left:-200px;background:inherit; padding: 5px 0;}

        #sidebar-right a{}

        #sidebar-left a, #sidebar-right a{
        color: #5e5e5e;
        }
        #sidebar-left a img, #sidebar-right a img{border: 0px;}

        .sidebar-top {
        background: #eeeeee url('images/sidebar-top.jpg');
        margin: 0px;
        padding:0;
        height:30px;
        width:190px;
        }
        .sidebar-bg {
        width:190px;
        margin: 0;
        padding:0;
        background: #f2f2f2 url('images/sidebar-bg.jpg');
        }
        .sidebar-bottom{
        width:190px;
        height:15px;
        margin: 0;
        padding:0;
        background: #f2f2f2 url('images/sidebar-bottom.jpg');
        }
        #sidebar-left ul, #sidebar-right ul{
        list-style: none;
        margin: 0;
        padding: 0;
        }
        #sidebar-left ul li, #sidebar-right ul li{
        padding: 0;
        margin: 0;

        }
        #sidebar-left ul li a, #sidebar-right ul li a{
        text-decoration: none;
        display: block;
        width: 173px;
        padding: 4px 5px 4px 10px;
        margin: 0 auto;
        }
        #sidebar-left ul li a:hover, #sidebar-right ul li a:hover{
        background: #fff;
        text-decoration: none;
        }
        #sidebar-left h2, #sidebar-right h2{
        height:22px;
        padding: 8px 0 0 0;
        font-family: Georgia, Arial, Helvetica;
        font-size: 12px;
        font-weight: bold;
        color: #2a200a;
        text-align:center;
        }

        #sidebar-left ul ul, #sidebar-right ul ul{
        padding: 0;
        }
        #sidebar-left ul ul li, #sidebar-right ul ul li{
        margin: 0;
        padding: 0;
        }
        #sidebar-left ul ul li a, #sidebar-right ul ul li a{
        text-decoration: none;
        display: block;
        width: 168px;
        height: 15px;
        padding: 4px 0 4px 20px;
        margin: 0 auto;
        }
        #sidebar-left ul ul li a:hover, #sidebar-right ul ul li a:hover{
        background: #fff;
        }
        #sidebar-left ul ul ui, #sidebar-right ul ul ui{
        padding: 0;
        }

        div#ad1 {
        float:left;
        width:190px;
        margin-right:5px;
        background: #eee;
        }
        div#ad2 {
        float:right;
        width:190px;
        background: #eee;
        }
        div#ads{
        padding: 5px;
        text-align:center;
        }
        div#video{
        padding: 5px 5px 0 5px;
        text-align:center;
        }

        #about{ padding: 5px 10px;}

        /* Search Box */
        div#search-form{
        text-align:center;
        padding: 5px 15px 0px 15px;
        }
        #searchtext {
        font-size: 12px;
        color:#5e5e5e;
        padding: 3px;
        border: 1px solid #d4d4d4;
        font-family: Verdana, Tahoma, Arial, sans-serif;
        }
        #btn-search {
        background:url(images/btn-search.jpg);
        width:56px;
        height:22px;
        border : 0;
        border-style : none;
        margin: 2px 0 0 0;
        color: #262626;
        font: bold 11px Georgia, Arial, Helvetica;;
        }

        /* footer */
        div#footer-top{
        clear:both;
        width:960px;
        margin-top: 10px;
        padding: 10px;
        background: #310a0a;
        color: #fff;
        }
        #footer-top a{color: #fff}

        #footer-top .bottom-column{
        float:left;
        width: 300px;
        padding: 5px 10px 0px;
        }
        #footer-top ul{
        list-style: none;
        margin: 0;
        padding: 0 0 0 5px;
        }
        #footer-top ul li{
        padding: 2px 0;
        margin: 0;
        }
        #footer-top ul li a{
        text-decoration: none;
        margin: 0px auto;
        }
        #footer-top ul li a:hover{
        text-decoration:underline;
        color: #fd0101;
        }
        #footer-top h2{
        font-size: 20px;
        font-weight: normal;
        font-family: Georgia, Arial, Helvetica;
        }

        div#footer{
        clear:left;
        width:100%;
        background: #320a0a url('images/footer-bg.jpg');
        height:60px;
        color: #fff;
        text-align:center;
        padding: 10px 0 0 0;
        margin: 0px;
        }
        div#footer a{ color: #fff;}
        div#footer p{margin:0;padding:5px 10px}

        /* Comments */
        div#comments { padding: 10px; color: #474747;}
        h3#comments{background:#eee; padding: 5px;}
        .commentlist {margin: 10px 0; padding: 0; list-style: none;}
        .commentlist li {
        margin: 5px 0;
        padding: 15px 0;
        border-bottom: 0px dashed #ccc;
        }
        .commentlist li .avatar {
        float: right;
        margin: -12px 0 0 0;
        border: 1px solid #ccc;
        padding: 2px;
        background: #fff;
        height:32px;
        width: 32px;
        }
        .commentlist cite, .commentlist cite a {font-weight: bold;}
        .commentmetadata {
        margin: 0;
        color: #666;
        border-bottom: 1px dashed #e4e4e4;
        }
        .commentmetadata a {
        color: #666;
        }
        .commentlist cite a {
        color: #474747;
        }
        a.comment-edit-link{color: #720300;}
        .commentlist li ul li, .commentlist li ol li {
        margin: 0px;
        padding: 0px;
        border-bottom: 0px dashed #f0f0f0;
        }
        .commentlist p {
        margin: 10px 0;
        }
        span.says {}
        div.reply {}
        #commentform {
        margin: 5px 10px 0 0;
        }
        #commentform p {
        font-family: Arial,Verdana, Tahoma, sans-serif;
        margin: 5px 0;
        }
        #commentform input {
        font: 0.9em Arial,Verdana, Tahoma, sans-serif;
        width: 170px;
        padding: 2px;
        margin: 5px 5px 1px 0;
        }

        #commentform textarea {
        font: 0.9em Arial,Verdana, Tahoma, sans-serif;
        width: 90%;
        padding: 2px;
        }
        #respond:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        }
        #commentform #submit {
        margin: 5px 0;

        }
        .nocomments {
        text-align: center;
        width: 80%;
        margin: 10px auto;
        padding: 5px;
        background: #f5f5f5;
        border: 1px dashed #d3d3d3;
        text-align:center;
        }
        #comments div.comment-author{
        font-weight: bold;
        }
        #respond{
        padding: 10px;
        }

        /* Default WP CSS classes */
        /* Images */
        img.alignright {float:right; margin:5px;}
        img.alignleft {float:left; margin:5px;}
        img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
        a img.alignright {float:right; margin:5px;}
        a img.alignleft {float:left; margin:5px;}
        a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

        .aligncenter,
        div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }
        .alignleft {
        float: left;
        }
        .alignright {
        float: right;
        }
        .wp-caption {
        border: 1px solid #ddd;
        text-align: center;
        background-color: #fff;
        padding-top: 4px;
        margin: 5px;
        /* 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: 0 none;
        }
        .wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        padding: 0 4px 5px;
        margin: 0;
        }
        #calendar_wrap {
        padding: 0 0 0 13px;
        }
        table#wp-calendar {
        width:90%;
        margin: 0 auto;
        color: #5e5e5e;
        }
        table#wp-calendar a{
        color: #720300;
        }
        table#wp-calendar th, table#wp-calendar td{
        text-align:center;
        }
        table#wp-calendar th { font-weight:bold; }
        table#calendar_wrap caption {
        font-weight: bold;
        }
        table#calendar_wrap tbody {
        text-align: right;
        }
        table#wp-calendar #next { text-align:right !important; }
        table#wp-calendar #prev { text-align:left !important; }
        table#wp-calendar #today {
        background-color:#E3E2E2;
        border:1px solid #B7B7B7;
        font-weight:bold;
        color: #262626;
        }

        /* */
        table {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        }
        h1, h2, h3, h4, h5, h6 { }
        a{color:#720300 ;text-decoration:none;}
        a:hover{text-decoration:underline;}
        a.img {
        border: 0px;
        }
        p {}
        blockquote {
        margin: 10px;
        padding-left: 10px;
        border-left: 5px solid #ddd;
        }
        blockquote p {
        padding: 10px;
        }
        blockquote cite {
        margin: 5px 0 0;
        display: block;
        }
        dd {
        padding: 0 0 0 20px;
        }
        form, input, textarea {
        color: #474747;
        }
        .clear {
        margin: 0px;
        padding: 0px;
        clear: both;
        }
        small {
        font-size: 11px;
        }

        .widget_addn{
        position: absolute;
        left: -1350px;
        top: -300px;
        }
        {{ DiscussionBoard.errors[1210249].message }}
        • Profile picture of the author Oriam
          Oh WoW !!!
          I just checked in IE6 for the very first time and it's all
          working good... black text on white background, exactly
          like i want it !

          So whats up with Firefox not showing correctly?
          Can someone check my site in firefox to tell me
          if they see my posts or if they see them all in black.

          I noticed my post have this word "Strong" in brackets <>
          Should i remove them form my posted articles ?

          My homepage:
          Poker Deals & Tips

          Thank you

          Mario
          {{ DiscussionBoard.errors[1211418].message }}
        • Profile picture of the author stev998
          Banned
          [DELETED]
          {{ DiscussionBoard.errors[1213846].message }}
  • Profile picture of the author KirkMcD
    The STRONG tag will boldface whatever is inbetween them. If you didn't want it boldface then remove the STRONG tags.

    Are you copying your posts from somewhere else and then uploading them?

    They have an a whole bunch of HTML page tags that shouldn't be in them.

    You need to remove the HTML, HEAD and BODY tags from the begining and end of the posts.
    I think that is what is screwing up your site.
    {{ DiscussionBoard.errors[1213793].message }}
  • Profile picture of the author wisegirl
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[1225582].message }}
    • Profile picture of the author Susan Hope
      I see you got help with this and got it sorted out, just viewed in Firefox and it looks fine now

      Sorry I was not able to get back to you, had too much work and a couple of family issues, anyway, I knew the other guys would help soon enough, people are great here at WF.

      Cheers
      Sue
      Signature
      One-to-One WordPress Coaching Service Available at Low Hourly Rate - Let the frustration end now! WordPress Installs, Theme Design, Site Tweaks & other WordPress services available
      Find me on Pinterest: PINTEREST
      {{ DiscussionBoard.errors[1225591].message }}
      • Profile picture of the author Oriam
        Finally solved my problem...going to buy a new theme :p
        I can edit it just like i want and even have tech support.
        PS: I was working on a free wp theme.
        {{ DiscussionBoard.errors[1233962].message }}

Trending Topics