• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Resizing notice container

Andrej

Well-known member
#1
To make it clear, I have "Enable scrollable notices" unchecked. I want to change the width of the notice so it fits the image, but only for the notice with id 1 (notice_1).

Снимок экрана 2013-04-08 в 17.46.51.png

I tried adjusting .mainContainer and .panelContainer for notice_1 but it adjusts the whole page.. for some reason. Probably because I am not very experienced at CSS. Appreciate any help. :)
 

Brogan

XenForo moderator
Staff member
#2
I don't remember the classes used for notices; try using .panel .notice_5.

When I get a chance I'll check on my localhost installation.
 

Andrej

Well-known member
#3
I don't remember the classes used for notices; try using .panel .notice_5.

When I get a chance I'll check on my localhost installation.
Okay, that unfortunately didn't work so I rather wait for you to check. Thanks, very appreciated. :)

That's what I tried:
Code:
.panel .notice_1{
width:240px
}
 
.PanelScroller .scrollContainer .notice_1{
width:240px
}
 

Andrej

Well-known member
#4
Okay, after spending lots of hours on this, I stumbled upon a simple solution.
Code:
.PanelScroller .panel, .notice_1 .PanelScrollerOff .panel, .notice_1
{width: 500px;}
Just figuring out how I can have two notices at one line.