XF 2.2 Border space at top of blocks

[Deleted member 241496]

We are trying to make a solid red 2px border at the top and left side of the category headers but its putting a white or gray space between the black background and red border. How do we solve this?

 

[Old Nick]

What is the css code you used ?
You applied css on block or block-header ?

 

[Deleted member 241496]

This is what I have right now. We are trying to make the forum category blocks with a red border at the top of the black background, and then a black border all the way down the forum list for that category. But we don't want that border-left on the sidebar blocks, only the red border-top. Its placing that gray or white space right now between the red border and black background in the categories. Thanks!

/* Red border at top of posts and blocks & block header colors */
.message-inner {
    border-top: 1px solid red;
}
.block-container {
    border-top: 2px solid red;
}

.block-header
{
    background-color: #000000;
    color: #F8CF40;
}
.block-header .block-desc
{
    color: white;
    font-weight: bolder;
}

 

[Deleted member 241496]

Got it figured out with the following code:

/* Red border at top of posts and blocks & block header colors */
.message-inner {
    border-top: 3px solid red;
}
.block-container {
  border-top: 3px solid red;
}
 body[data-template='forum_list'] .p-body-content .block-container {
    border-color: red gray gray #F8CF40 !important;
    border-top: 3px solid;
    border-left: 2px solid;   
}

.block-header
{
    border-top-left-radius:0px !important;
    border-top-right-radius:0px !important;
    background-color: #000000;
    color: #F8CF40;
}
.block-header .block-desc
{
    color: white;
    font-weight: bolder;
}

/***************/