XF 2.1 Block minor header

RoyalRumble

Well-known member
Hello,

After trying and failing for many hours, I'm hopeful someone here has the wisdom to kindly share to help me out.

I'd like to place a background image behind our block minor headers, but allow the text to remain visible.

I've achieved this here;


css1.png


By using this in extra.css;

Code:
.block-minorHeader,

{

    background: url('image');

    background-position: 20px;

    padding-left: 0px;

}



.block-minorHeader a {

    padding: 2px 15px;

    font-color: white;

    background-color: #003399;

}

But I can't seem to work out how to ensure the text is visible here;


css2.png

css3.png


Does anyone have any solution they'd kindly share?

Thanks
 
  • Like
Reactions: T_N
Back
Top Bottom