Problem with profile banner and custom CSS

[lazarote]

hi, i'm having trouble with profile banners for a long time. In xenforo 2.1 it worked perfectly with the Themehouse Covers addon, but now with the integrated option there is an error when I use this CSS code, I attach a capture of the bug and send the code

background: #2E3192;
background: -webkit-radial-gradient(ellipse farthest-corner at top left, #2E3192 12%, #18FFFF 89%);
background: -moz-radial-gradient(ellipse farthest-corner at top left, #2E3192 12%, #18FFFF 89%);
background: radial-gradient(ellipse farthest-corner at top left, #2E3192 12%, #18FFFF 89%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

 

[BattleKing]

but now with the integrated option there is an error when I use this CSS code, I attach a capture of the bug and send the code

lazaroteWhat kind of error you got?

Is the screenshot on how it has to look like? Or how it looks currently in the new xenforo installation?

 

[lazarote]

It would have to look like this':

 

[BattleKing]

I created a template modification for member_tooltip and for member_tooltip.less this is from std. theme

First one:


Find:

#(<xf:profilebanner\s+user="\$user"\s+size="m"\s+class="memberTooltip-header"\s+toggle="memberTooltip--withBanner">)(.*)(<\/xf:profilebanner>)#siU

Replace with:

$1
$3
<div class="memberTooltip-header">
$2
</div>

Second:


Find:

.memberTooltip-header
{
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: @_memberTooltip-padding;
    .xf-memberTooltipHeader();
}

Replace with:

.memberTooltip-header
{
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 180px;
    padding: @_memberTooltip-padding;
    .xf-memberTooltipHeader();
}

Then it looks like this


Maybe you need to adapt the colors.