Blue border around button

  • Ricardo

    #1334

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

    http://www.fastforwardandrewind.com

    Admin

    Syahir Hakim

    #15329

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

    Ricardo

    #15330

    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.

    Admin

    Syahir Hakim

    #15331

    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.

    Ricardo

    #15332

    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: http://www.fastforwardandrewind.com
    Description: Child theme
    Author: Ricardo
    Author URI: http://www.fastforwardandrewind.com
    Template: graphene
    Version: 4
    */
    @import url("../graphene/style.css");
    /* Your modification goes here */
    .entry-content img, .child-page img {
    border: medium none;
    margin: 5px;
    }
    .featured_slider{
    -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;
    }
    h1.page-title {
    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;
    }
    Admin

    Syahir Hakim

    #15333

    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.

    Ricardo

    #15334

    Great! 🙂

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

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!