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

webbouk

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

Thanks
 

Bespoke

Well-known member
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

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

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

webbouk

Well-known member
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

Well-known member
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
 
Top