XF 1.1 Styling notices

AndreaMarucci

AndreaMarucci

Well-known member
I would like to make a "Merry Christmas" banner appear at december 25th and I've made some tests. The only problem I'm facing is that my banner always appear inside the blue box. How can I make it disappear so only the image is shown?

Screenshot 12-2455905 alle 11.53.03.webp
 
Sort by date Sort by votes
I would like to remove completely the notice box so that only the image appear but maybe, as you say, is not possible. I'd like to display from time to time some images in that position and I've thought to use Notices so I don't have to modify any template but if you've another mean to do that I'd appreciate it...
 
Upvote 0 Downvote
Style Properties apply globally, as always.

Each notice can be individually styled by applying the styling directly into the notice and/or by using the relevant CSS class for each notice.
 
Upvote 0 Downvote
Go into the style properties >> notices >> main container and remove background/border (am I understanding the original issue?)

Edit: Add in the css into that specific notice

noticevvvvvvvvvvvvvvvvvvvvv.webp
 
Upvote 0 Downvote
Thanks Shelley. This remove it from every notice but I would like to remove it only for a notice so I think it's necessary to have some css code to type in but I'm not able to figure it out...
 
Upvote 0 Downvote
AndreaMarucci said:
Thanks Shelley. This remove it from every notice but I would like to remove it only for a notice so I think it's necessary to have some css code to type in but I'm not able to figure it out...
Click to expand...

Could you link me to your forum?

edit: if your comfortable giving me admin access I'll style the notice for you. just direct me to the notice you want modified. If your not comfortable with that then atleast a link so i can take a look.
 
Upvote 0 Downvote
If you need admin access to my forum I've no problem giving it to you. Maybe should be better to put the styling code here so that could be useful for everyone. Let me know...
 
Upvote 0 Downvote
Brogan said:
Try using just .notice_1 as the class.
Click to expand...
Hello,
that doesn't work either. I tried also using the notice name, but that didn't work either.

The board closed notice uses class:
Code: 
<li class="panel Notice DismissParent notice_notice_board_closed">

But neither that or what you suggested work. I think I have to wait for your help entry and see if it clears thing up for me.
 
Upvote 0 Downvote
Create a new notice Andrea and add the following into the code area: This should remove the border, background from that specific notice you can then add in the logo html to display your xmas image. You will also have to uncheck "add default notice text styling". hopefully this will work for you and you can then take it from there by applying the image.
Code: 
<style type="text/css">
    <!--

.PanelScroller .panel {
    background: none repeat scroll 0 0 transparent;

.PanelScroller .scrollContainer {
    background-color: transparent;
    border: 0 solid #A5CAE4;
}
  
-->
</style>
 
<html code goes here>
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

B
Fixed 2.2.15 Notices off yet included JS
Replies
1
Views
124
Chris D
Chris D
captainmatt29
  • Question Question
XF 2.2 Notices
Replies
2
Views
216
captainmatt29
captainmatt29
A
  • Question Question
XF 2.2 Notices seem to cause performance issues.
Replies
3
Views
255
avalanch
A
B
  • Question Question
XF 2.2 bullets replaced borders on notices
Replies
0
Views
171
Baan
B
R
Close notices?!
Replies
6
Views
492
Mr Lucky
Mr Lucky
Top Bottom