Title Bar on sidebar widgets is slightly shorter than background box

  • CKW

    #2748

    The title bar over my sidebar widgets is somewhat shorter than the background itself. Do you know what I may be doing or how I can address this? Test site: http://govstrategicsolutions.net/wordpress2/.

    Josh

    #21764

    It’s the border around the widget box. It looks great on lighter colored backgrounds but doesn’t work so well with darker colored backgrounds.

    Anyways, to fix, just add this to your custom CSS:

    .sidebar div.sidebar-wrap {
    border: none;
    }

    Josh

    #21765

    I love the ‘ole red, white, and blue theme 🙂

    One thing, I’d make the continue reading buttons the same red as the widget box title background.

    CKW

    #21766

    It worked! I appreciate the support. Additionally, I agree that the continue reading button s/b the same red, however, the widget title has highlights top and bottom colors, whereas the button only has one color specified. How can I match up the colors?

    Josh

    #21767

    Well, it’s actually already using a gradient. With the colors you currently have selected, adding this code to your css will make the continue reading buttons the same color as your widget title boxes:

    .block-button, .block-button:visited, .Button {
    background: -o-linear-gradient(top, rgba(238,47,60,1), rgba(122,11,40,1));
    background: -moz-linear-gradient(top, rgba(238,47,60,1), rgba(122,11,40,1));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(238,47,60,1)), color-stop(1, rgba(122,11,40,1)));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFEE2F3C,EndColorStr=#FF7A0B28);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFEE2F3C,EndColorStr=#FF7A0B28)"
    }

    It looks crazy because I did this for best cross-browser compatibility. Using the code above, (should) make the button appear the same no matter which browser is being used.

    CKW

    #21768

    Forgot to say thanks for the recommendation and the code. Much appreciated.

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

You must be logged in to reply to this topic.