Blog Posting Date – Change Colour of Font

  • Unknown's avatar

    Hi!
    Would like to change the colour of the blog post’s date. Like on the front page right now, if you hover over a post – it is a light grey/dark grey.

    try{Typekit.load({ async: true });}catch(e){}
    element.style {
    }
    miriamlaurence.wordpress.com/media=”all”
    * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    user agent stylesheetstyle {
    display: none;
    }
    Inherited from html.wf-chaparralpro1-i4-active.wf-chaparralpro1-i7-active.wf-chaparralpro1-n4-active.wf-chaparralpro1-n7-active.wf-active
    body, html {
    color: #808080;
    }
    miriamlaurence.wordpress.com/media=”all”

    @media
    only screen and (max-width: 782px)
    html {
    font-size: 67.5%;
    }
    miriamlaurence.wordpress.com/media=”all”
    body, html {
    font: normal 75%/1.3333rem ‘Arial’, serif;
    color: #fd0000;
    }
    miriamlaurence.wordpress.com/media=”all”
    html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 16px;
    }

    .main .comments-navigation,
    .main .post-navigation {
    background: rgba(255, 255, 255, 0.2);
    }
    .masthead .menu {
    background: transparent;
    }
    .masthead .menu ul a.menu-back:before,
    .masthead .menu ul a.menu-back:hover:before {
    border-left-color: transparent !important;
    }
    .main .post-archive article.has-post-thumbnail:hover h2.entry-title a {
    color: #c3c3c3;
    }
    .main .post-archive article.has-post-thumbnail:hover .post-meta-data {
    color: rgba(255, 255, 255, 0.5);
    }
    ::selection,
    ::-moz-selection { color: #c3c3c3;}
    input[type=submit] { color: #c3c3c3;}
    input[type=submit]:hover { color: #c3c3c3;}
    .infinite-scroll #infinite-handle span { color: #c3c3c3;}
    .infinite-scroll #infinite-handle span:hover { color: #c3c3c3;}
    .widget.widget_nav_menu .menu .menu-toggle { color: #c3c3c3;}
    .widget.widget_nav_menu .menu ul ul li a,
    .widget.widget_nav_menu .menu li ul li a,
    .widget.widget_nav_menu .menu ul li a,
    .widget.widget_nav_menu .menu li li a,
    .widget.widget_nav_menu .menu ul a,
    .widget.widget_nav_menu .menu li a { color: #c3c3c3;}
    .widget.widget_nav_menu .menu ul ul li a:hover,
    .widget.widget_nav_menu .menu li ul li a:hover,
    .widget.widget_nav_menu .menu ul li a:hover,
    .widget.widget_nav_menu .menu li li a:hover,
    .widget.widget_nav_menu .menu ul a:hover,
    .widget.widget_nav_menu .menu li a:hover { color: #c3c3c3;}
    .screen-reader-shortcut { color: #c3c3c3;}
    .main .contributor a.contributor-posts-link { color: #c3c3c3;}
    .main .contributor a.contributor-posts-link:hover { color: #c3c3c3;}
    ol.comment-list li.comment #respond #cancel-comment-reply-link,
    ol.comment-list li.trackback #respond #cancel-comment-reply-link,
    ol.comment-list li.pingback #respond #cancel-comment-reply-link { color: #FFFFFF;}
    ol.comment-list li.comment #respond #cancel-comment-reply-link:hover,
    ol.comment-list li.trackback #respond #cancel-comment-reply-link:hover,
    ol.comment-list li.pingback #respond #cancel-comment-reply-link:hover { color: #c3c3c3;}
    #respond p.form-submit #submit { color: #c3c3c3;}
    #respond p.form-submit #submit:hover { color: #c3c3c3;}
    .main .pagination span.current { color: #c3c3c3;}
    .main .comments-navigation .nav-previous a:before,
    .main .post-navigation .nav-previous a:before,
    .main .comments-navigation .nav-next a:before,
    .main .post-navigation .nav-next a:before { color: #c3c3c3;}
    a.post-edit-link:before { color: #c3c3c3;}
    .main article .taxonomies, .post-meta-data { color: #CCCCCC;}
    table tr:nth-child(odd) { background-color: #000000;}
    #wp-calendar th,
    #wp-calendar caption { background-color: #000000;}
    ol.comment-list li.comment.bypostauthor,
    ol.comment-list li.trackback.bypostauthor,
    ol.comment-list li.pingback.bypostauthor { background-color: #000000;}
    .masthead { background-color: #000000;}
    .secondary-masthead { background-color: #000000;}
    .content-comments ol.comment-list { border-bottom-color: #000000;}
    .content-comments ol.comment-list li.comment,
    .content-comments ol.comment-list li.trackback,
    .content-comments ol.comment-list li.pingback { border-top-color: #000000;}
    .content-comments #respond p.comment-form-author input:active,
    .content-comments #respond p.comment-form-email input:active,
    .content-comments #respond p.comment-form-comment input:active,
    .content-comments #respond p.comment-form-url input:active,
    .content-comments #respond p.comment-form-author textarea:active,
    .content-comments #respond p.comment-form-email textarea:active,
    .content-comments #respond p.comment-form-comment textarea:active,
    .content-comments #respond p.comment-form-url textarea:active,
    .content-comments #respond p.comment-form-author input:focus,
    .content-comments #respond p.comment-form-email input:focus,
    .content-comments #respond p.comment-form-comment input:focus,
    .content-comments #respond p.comment-form-url input:focus,
    .content-comments #respond p.comment-form-author textarea:focus,
    .content-comments #respond p.comment-form-email textarea:focus,
    .content-comments #respond p.comment-form-comment textarea:focus,
    .content-comments #respond p.comment-form-url textarea:focus { background-color: #000000;}
    .showcase .arrow.arrow-next:before { border-left-color: #000000}
    .showcase .arrow.arrow-prev:before { border-right-color: #000000;}
    .showcase nav a.selected { background-color: #000000;}
    .showcase nav a:hover { background-color: #000000;}
    .testimonials-wrapper .testimonial .entry { background-color: #000000;}
    .testimonials-wrapper .testimonial .entry:after { border-top-color: #000000;}
    .sidebar-main .column { border-right-color: #000000;}
    #minor-sidebar { background-color: #000000;}
    .main .contributor { border-top-color: #000000;}
    .project-terms { border-top-color: #000000;}
    table { border-top-color: #000000;}
    table tr { border-bottom-color: #000000;}
    table tr:nth-child(even) { background-color: #000000;}
    #minor-sidebar .sidebar-footer-toggle a.selected:before { background-color: #000000;}
    .sidebar-main { background-color: #000000;}
    .no-results .entry-single .post-meta-data,
    .single-attachment .entry-single .post-meta-data,
    .error404 .entry-single .post-meta-data,
    .singular .entry-single .post-meta-data { background-color: #000000;}
    .main .pagination span.current { background-color: #000000;}
    form.search-form button.search-submit { color: #FF0000;}
    q { background-color: #000000;}
    blockquote { background-color: #000000;}
    .wp-caption { background-color: #000000;}
    #wp-calendar th { border-bottom-color: #000000;}
    .post-password-required form { background-color: #000000;}
    a.post-edit-link { background-color: #000000;}
    .screen-reader-text:focus,
    .screen-reader:focus { background-color: #000000;}
    body { background-color: #000000;}
    .writer { background-color: #000000;}
    #minor-sidebar .menu-social-links a:before { border-bottom-color: #000000;}
    #minor-sidebar .sidebar-footer-toggle a:before { border-bottom-color: #000000;}
    .main .post-archive article.format-video,
    .main .post-archive article.format-aside,
    .main .post-archive article.format-audio,
    .main .post-archive article.format-quote,
    .main .post-archive article.format-link { background-color: #000000;}
    .main .post-archive article.format-video.post-no-thumbnail h2.entry-title:after,
    .main .post-archive article.format-aside.post-no-thumbnail h2.entry-title:after,
    .main .post-archive article.format-audio.post-no-thumbnail h2.entry-title:after,
    .main .post-archive article.format-quote.post-no-thumbnail h2.entry-title:after,
    .main .post-archive article.format-link.post-no-thumbnail h2.entry-title:after { background-color: #000000;}
    .main .post-archive article { background-color: #000000;}
    .sidebar-main .widget:before { border-top-color: #000000;}
    .no-results .featured-image,
    .single-attachment .featured-image,
    .error404 .featured-image,
    .singular .featured-image { background-color: #808080;}
    a.post-edit-link:hover { background-color: #808080;}
    body,
    html { color: #808080;}
    .wp-caption .wp-caption-text { color: #808080;}
    .masthead .branding p.site-description { color: #000000;}
    a.post-edit-link:hover { color: #808080;}
    .no-results .entry-single,
    .single-attachment .entry-single,
    .error404 .entry-single,
    .singular .entry-single { color: #808080;}
    .sidebar-main .widget { color: #808080;}
    .main article .taxonomies { color: #808080;}
    .main .post-archive article .post-meta-data { color: #808080;}
    .masthead h2.site-description { color: #000000;}
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 { color: #808080;}
    .masthead .menu ul a.menu-back:before,
    .masthead .menu ul a.menu-expand:before { border-left-color: #7C7C7C;}
    .masthead .menu ul a.menu-back:before { border-right-color: #7C7C7C;}
    .masthead .menu ul a.menu-back:hover:before,
    .masthead .menu ul a.menu-expand:hover:before { border-left-color: #000000;}
    .masthead .menu ul a.menu-back:hover:before { border-right-color: #000000;}
    a { color: #7C7C7C;}
    .widget.widget_nav_menu .menu { background-color: #7C7C7C;}
    .sidebar-main .widget h3.widgettitle { color: #7C7C7C;}
    .masthead .menu a { color: #7C7C7C;}
    #minor-sidebar .sidebar-footer-toggle a:before { color: #7C7C7C;}
    .masthead .menu ul a.menu-back,
    .masthead .menu ul a.menu-expand { color: #7C7C7C;}
    .main .post-archive article h2.entry-title a { color: #7C7C7C;}
    .sidebar-main .widget a { color: #7C7C7C;}
    select { color: #7C7C7C;}
    .main .post-archive article .post-meta-data a { color: #000000;}
    .post-meta-data a { color: #7C7C7C;}
    .masthead .menu a:hover { color: #7C7C7C;}
    .masthead .menu ul a.menu-back:hover,
    .masthead .menu ul a.menu-expand:hover { color: #7C7C7C;}
    .masthead .menu ul a.menu-back:hover:before,
    .masthead .menu ul a.menu-expand:hover:before { color: #7C7C7C;}
    .masthead .menu ul a.menu-back:hover:before { color: #7C7C7C;}
    .masthead .menu-close:hover:before { color: #7C7C7C;}
    .secondary-masthead a.menu-toggle:hover:before { color: #7C7C7C;}
    .showcase .arrow:hover { color: #7C7C7C;}
    #minor-sidebar .menu-social-links a:hover:before { color: #7C7C7C;}
    #minor-sidebar .menu-social-links a:before { color: #7c7c7c;}
    #minor-sidebar .sidebar-footer-toggle a:hover:before { color: #000000;}
    .masthead h1.site-title a,
    .masthead h1.site-title a:hover { color: #try{Typekit.load({ async: true });}catch(e){}

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hello miriamlaurence,

    Give this CSS a try and see if does what you were hoping to do with the post date.

    .home .post-human-time {
        color: yellow;
    }
  • The topic ‘Blog Posting Date – Change Colour of Font’ is closed to new replies.