Blue border around button

  • Ricardo


    When you change the color of the button (a new feature in 1.4), a blue border remains.


    Syahir Hakim


    Seems like you did the change using child theme previously. Just delete the previous change and the blue border should be gone.



    The border comes from this piece of code:

    .full-sized .block-button, .full-sized .block-button:visited {
    border-color: #277EC0;
    bottom: 10px;
    position: absolute;
    right: 10px;

    But it isn’t in my child theme.


    Syahir Hakim


    Seems like you’re using the W3 Total Cache plugin. It might be the previous CSS file still remaining in W3TC cache. Try clear cache, or disable W3TC for a while to see if the blue border remains.



    I’m actually sure I emptied the cache yesterday, but to make sure it did it again just now (and also purged the cache of my CDN and emptied my internet cache) But the problem remains. Of course I can just change the border to ‘none’, but I want to know where it comes from 😉

    (The plugin is now disabled)

    My Child theme:

    Theme Name: Child theme by Ricardo
    Theme URI:
    Description: Child theme
    Author: Ricardo
    Author URI:
    Template: graphene
    Version: 4
    @import url("../graphene/style.css");
    /* Your modification goes here */
    .entry-content img, .child-page img {
    border: medium none;
    margin: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 2px;
    .full-sized .slider-entry-wrap {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 35%;
    .full-sized .slider_post h2 a, .full-sized .slider_post h2 a:visited {
    color: #dc3e00;
    font: 18px arial;
    .full-sized .slider_post_entry p {
    color: #dc3e00;
    #comments ol li.comment.depth-1, #comments ol li.pingback.depth-1, #comments ol li.trackback.depth-1 {
    background: -moz-linear-gradient(left center , #EBEBEB 0pt, #FFFFFF 50%, #EBEBEB 100%) repeat scroll 0 0 transparent;
    box-shadow: 0 0 4px #555555;
    #comments li.bypostauthor, #comments li.bypostauthor.comment.depth-1 {
    background: -moz-linear-gradient(left center , #E95419 0pt, #EA5C24 50%, #E95419 100%) repeat scroll 0 0 transparent;
    border-top-right-radius: 30px;
    margin-bottom: 10px;
    padding-right: 20px;
    #commentform .input-text:focus, #commentform textarea:focus {
    border-color: #dc3e00;
    } {
    background: -moz-linear-gradient(left top , #dc3e00, #ea5c24) repeat scroll 0 0 transparent;
    color: #E3E3E3;
    font-size: 16px;
    margin: 0 auto 10px;
    padding: 8px 0;
    text-align: center;
    text-shadow: 0 -1px 0 #333333;
    #footer {
    margin-bottom: 0;

    Syahir Hakim


    Hah! This is actually a bug. Got a stray line of CSS that shouldn’t be there.

    Go ahead and just set it to none, or you can delete it straight away from the theme’s style.css. I’ll include the fix in the next update.



    Great! 🙂

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

  • You must be logged in to reply to this topic.