Topic Resolution: Resolved
  • Closed
  • Whoareu4890
    Spectator
    June 17, 2015 at 8:42 pm #18316

    Hello all,

    How can I remove or edit the bright green color that comes with making a sticky post? I have searched through the CSS editor and could not find anything. Any help will be appreciated. Thanks.

    Imran
    Spectator
    Posts: 402
    June 18, 2015 at 6:04 pm #18336

    Hi there,

    Thanks for writing in,

    You can add following code under Appearance > Theme Options > Custom CSS:

    .sticky {
    background: none !important;
    box-shadow: none !important;
    }

    .home .type-post.sticky .entry-title a {
    color: #51545c!important;
    text-shadow: none!important;
    }

    .sticky .published {
    border-right: 1px solid rgba(0,0,0,.1)!important;
    }

    .sticky .entry-header .author {
    color: #ccc;
    text-shadow: none!important;
    }

    .sticky .entry-content.article p {
    color: #000000;
    }

    .home .type-post.sticky .entry-header a {
    color: #ccc!important;
    text-shadow: none!important;
    }

    .home .type-post.sticky .entry-header a:hover {
    color: #23527c;
    }

    .home .type-post.sticky .entry-footer a {
    color: #bfbfbf!important;
    border: none!important;
    text-shadow: none!important;
    }

    Thanks.

    Whoareu4890
    Spectator
    Posts: 1
    June 23, 2015 at 1:29 pm #18448

    Thanks for the help Imran. I really appreciate it. The extra custom CSS formatting helped get it back to look like the other posts as well which is what I wanted.

    I removed the thumbtack as well for the sticky post and added the hover selector for sticky posts to match the other posts.

    This code shows the hover selector for the social sharing icons and the tags on the left of the post.

    .entry-footer .share-this a:hover {
    color: #EB4200!important;
    }

    This is the code I used to remove the thumbtack in the top right of the sticky post. The First part is to remove the grey background and then the second part of the code blends in the remaining white thumbtack with the background. It may not be the cleanest way but the only way I found that worked.

    .home .type-post.sticky:before, .home .formatted-post:before, .page-template-blog-page-php .type-post.sticky:before, .page-template-blog-page-php .formatted-post:before {
    background: none!important;
    }

    .home .type-post.sticky, .home .formatted-post, .page-template-blog-page-php .type-post.sticky, .page-template-blog-page-php .formatted-post {
    color: F9F9F9!important;
    }

    Thanks again for your quick response and help! =)

    Imran
    Spectator
    Posts: 402
    June 24, 2015 at 10:57 am #18472

    You’re welcome! 🙂