Return to Support

Changing text color

Home Forums Graphene WordPress theme Support Changing text color

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #649
    Ryan Mallen
    Member

    This seems like it should be a simple change, but I’m having trouble.

    I want to change all text (all posts, all pages) to white, and I’ve been up and down the stylesheet a million times changing color codes, but nothing seems to do the trick.

    Help?

    Thanks in advance!

    #13164
    Kim
    Member

    Hmm, sounds like You dont have made a Child Theme?

    But that aside You can try this in Custom CSS:

    .entry-content, .entry-content p, .slider_post_entry p, .entry-content ul, .entry-content ol, .comment-entry ol {
    color: #FFFFFF;
    font: 12px/20px arial;
    }

    But Your links is also White? (White in White?)

    Ups! Maybe remove .slider_post_entry p,

    This Gives You a hint.

    And maybe this for the blue colors in sidebar:

    .sidebar h3 {
    -pie-background: linear-gradient(#afaeae, #6E6E6E);
    background: #afaeae;
    background: linear-gradient(#afaeae, #6E6E6E);
    background: -moz-linear-gradient(#afaeae, #6E6E6E) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#afaeae), to(#6E6E6E));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afaeae', endColorstr='#6E6E6E'); /* for IE */
    text-shadow: 0 -1px 0 #000000;
    }

    And slider:

    .featured_slider{
    background: -moz-linear-gradient(left top , #E0E0E0, #EEEEEE) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, right bottom, from(#E0E0E0), to(#EEEEEE));
    background: linear-gradient(left top, #E0E0E0, #EEEEEE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4D4D4', endColorstr='#EEEEEE'); /* for IE8 */
    -moz-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    -webkit-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    }

    .featured_slider #slider_root {
    -moz-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    -webkit-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    background: none repeat scroll 0 0 #FFFFFF;
    }

    .block-button, .block-button:visited {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border: 1px solid #CCCCCC;
    display:block;
    font:bold 12px arial;
    text-decoration:none;
    padding:5px 15px 6px 15px;
    color:#FFFFFF;
    text-shadow:0 -1px 1px #000000;
    margin-top:10px;
    position:relative;
    float:right;
    -moz-box-shadow: 0 0 0px #42454A;
    -webkit-box-shadow:0 0 0px #42454A;
    box-shadow:0 0 0px #42454A;
    background:#BABABA;
    background: -moz-linear-gradient(#BABABA, #6E6E6E) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#BABABA), to(#6E6E6E));
    background:linear-gradient(#BABABA, #6E6E6E);
    -pie-background: linear-gradient(#BABABA, #6E6E6E);
    }

    .block-button:hover{
    text-decoration:none;
    color:#FFFFFF;
    cursor:pointer;
    background:#D4D4D4;
    background:-moz-linear-gradient(#D4D4D4, #737373);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#D4D4D4), to(#737373));
    background:linear-gradient(#D4D4D4, #737373);
    -pie-background: linear-gradient(#D4D4D4, #737373);
    }

    One more:

    h1.page-title {
    -pie-background: linear-gradient(#afaeae, #6E6E6E);
    background: #afaeae;
    background: linear-gradient(#afaeae, #6E6E6E);
    background: -moz-linear-gradient(#afaeae, #6E6E6E) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#afaeae), to(#6E6E6E));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afaeae', endColorstr='#6E6E6E'); /* for IE8 */
    text-shadow: 0 -1px 0 #000000;
    -moz-border-radius: 0 5px 0 0;
    }

    You can change to color codes You best like..

    Kim

    #13165
    Ryan Mallen
    Member

    Hey, thanks so much, these all look great!

    You mentioned a child theme, which would be ideal for me. I tried to set one up, but it turns out I’m a total noob. I actually can’t access my WP server at all at the moment, so I can’t add any files or directories. My FTP fails to connect, I think it has something to do with my hosting at Host Gator (or maybe my domain registation at Go Daddy), but I’ve pretty much exhausted all my ideas and hit a dead end there. So I’m stuck with editing what I’ve got, and not updating :-(.

    Anyways, thank you again. One more problem… the dates on the posts on my “Blog” page are not displaying.

    My Stylesheet reads:

    }

    .post .date {

    background: url(images/sprite_master.png) -325px top no-repeat;

    margin: 0;

    padding: 0;

    position: absolute;

    top: 25px;

    left: 15px;

    text-align: center;

    width: 46px;

    height: 65px;

    }

    .post .date p {

    color: #FFFFFF;

    display: inline;

    font: normal 12px tahoma;

    line-height: 22px;

    }

    .post .date p span {

    color: #FFFFFF;

    font-size: 18px;

    }

    .post .date p span.year {

    color: #FFFFFF;

    font-size: 11px;

    font-weight: bold;

    }

    .post .entry {

    margin: 0;

    padding: 0;

    overflow: hidden;

    }

    The font should be white, but it seems to be black. Any ideas?

    #13166
    Kim
    Member

    Hmm, maybe this:

    .post-meta .post-date-inline {
    background: none repeat scroll 0 0 black;
    border-left: 1px solid #000000;
    color: white;
    padding-left: 5px;
    }

    #13167
    Ryan Mallen
    Member

    Done it! You are good. Thank you!

    #13168
    Kim
    Member

    There is also this version:

    .post-meta .post-date-inline {
    background: none repeat scroll 0 0 black;
    border-left: 1px solid #FFFFFF;
    color: white;
    padding-left: 5px;
    }

    Kim

    #13169
    Kim
    Member

    Allow me one last thing.

    Fixing the sidebar width:

    .sidebar div.sidebar-wrap {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 solid #CCCCCC;
    box-shadow: 0 0 5px #BBBBBB;
    margin-bottom: 16px;
    padding: 10px 12px;
    position: relative;
    width: 230px;
    }

    Kim

    #13170
    Ryan Mallen
    Member

    Thanks! Applied them all, it looks great!

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.