XF 2.2 UNFURL not centered

[Old Nick]

Hello,

I can't center an URL UNFURLED... the text is only centered inside the box but not the box. is this normal ?

Forums Cocori Web

La communauté idéale pour débuter en développement Web. Posez vos questions sur les langages HTML, CSS, Javascript, PHP, Python...

cocoriweb.community

Thanks ! ​

 

[Mike]

This isn't necessarily unexpected. Alignment generally only changes inline elements. (Alignment sets the text-align CSS.) It doesn't apply to block level elements, like an unfurl. The same thing would actually happen with quotes as well, though it's not really noticable out of the box because there's no width limit.

 

[SyTry]

You can aslo edit your CSS if you want. In the bb_code.less template (default code) :

.bbCodeBlock--unfurl
{
    .xf-contentHighlightBase();

    padding: @_bbCodeBlock-paddingV;
    width: 650px;
    max-width: 100%;
    border-left: @xf-borderSizeMinorFeature solid @xf-borderColorFeature;

    overflow: hidden;

Just edit width, or via EXTRA.less :

.bbCodeBlock--unfurl {
    width: 100%;
}

Regards, SyTry