Title Bar on sidebar widgets is slightly shorter than background box
-
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/.
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;
}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.
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.
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.