XF 2.1 Urgent: Can a Floating Notice be resized and if so how do you do it?

[webbouk]

As the title, Can a Floating Notice be resized to a specific size and if so how do you do it?

Thanks

 

[Bespoke]

I'm not great with CSS but I do believe you'll have to overwrite the width which is set in notices.less (.notices--floating)
In extra.less try adding something like
.notices--floating {width: 100px !important;}

 

[djbaxter]

I swiped this from someone on this forum but I can't recall who that was:

/* center and shrink notice */
.notices.notices--block
{
    margin: 0 auto;
    width: 80%;
}

 

[webbouk]

Thanks, I'll give them both a go

 

[webbouk]

I'm not great with CSS but I do believe you'll have to overwrite the width which is set in notices.less (.notices--floating)
In extra.less try adding something like
.notices--floating {width: 100px !important;}

Both work well and the first one does exactly what I wanted, thanks


The next question, is it possible to make the Floating notice pop out of the tab so that it doesn't reload when the users browses to another page but instead sits on top

 

[webbouk]

I can do something similar using the 'Insert link' rather than use a floating notice then link to the content I want to use in the notice (a YouTube live feed) , but just thought it would like nice sat at the bottom corner of the screen until dismissed