Official - Free Sticky Default Guest Notice

[glennrocksvb Founder/Coder Find all posts View Profile Close glennrocksvb]

Making the default guest notice to stick at the bottom of the page as you scroll helps it to become more noticeable. This may encourage guests more to sign up or log in to your forum.

To do this, simply add the below custom CSS in css_additional template in AdminCP or in Sitebuilder > Style > CSS Editor.

.l-desktop .notice[data-notice-id='1'] {
    position: fixed;
    z-index: 2;
    bottom: 0;
    right: 0;
    margin: 10px;
    width: 400px;
    box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.7);
}

Change the data-notice-id value and other values accordingly. Right click on the notice and inspect it and look for data-notice-id attribute.

Notice Header Title: (Optional)
To add a title to the notice, add the following CSS. You can change the content text, background color and other styles as needed.

.l-desktop #notices .notice[data-notice-id='1']::before {
   content: 'Hey Guest!';
   background: #191970;
   display: block;
   margin: -10px -10px 8px;
   padding: 7px;
   color: #fff;
   font-weight: bold;
   position: static;
   width: auto;
   height: auto;
}

I only do this on desktop because if you do it on mobile, the notice may cover the entire page.

Demo:
See the notice on this site as a guest.

Enjoy!

[glennrocksvb Founder/Coder Find all posts View Profile Close glennrocksvb]

To add the pulsating Register Now button, follow this topic:

https://vbmods.rocks/forum/vbulletin...-css-animation

[William Senior Member Find all posts View Profile Close William]

Is there a way to add a click to close the notification? And I notice that on the actual registration page the notification does not show here on your board, because as is with the above code it actually hides the register button once the registration fields are completed.

Just for FYI I moved the registration button to the left side:

.b-button-group .b-button:last-child {
float:left;
margin-top: 10px;
}

Isn't there a way to use the page id number to exclude the notification on the reg page?

[William Senior Member Find all posts View Profile Close William]

Figured it out. On top of adding the above OP's code add:

.page3 .notice[data-notice-id='1'] {
display:none !important;
}

[chicoynano]

Thank you very much William

[jackforum]

Thank you William

[glennrocksvb Founder/Coder Find all posts View Profile Close glennrocksvb]

Glad you figured it out.

[Neha Pariyar Member Find all posts View Profile Close Neha Pariyar]

Hello Glenn,

I have put the above code but cannot see the Default Guest Notice.

https://forums.24x7servermanagement.com

[glennrocksvb Founder/Coder Find all posts View Profile Close glennrocksvb]

I have put the above code but cannot see the Default Guest Notice.

Why did you put Javascript code in CSS??

[Neha Pariyar Member Find all posts View Profile Close Neha Pariyar]

Thank you Glenn for helping me to point out my mistake.

[glennrocksvb]

You're welcome. I checked your css_additional again and there are 2 @media with the missing @ sign.

[Neha Pariyar Member Find all posts View Profile Close Neha Pariyar]

Hello Glenn,

Please help after putting the above code :

.l-desktop .notice[data-notice-id='1'] { position: fixed; z-index: 2; bottom: 0; right: 0; margin: 10px; width: 400px; box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.7); } Still I cannot see the guest notice.

[glennrocksvb Founder/Coder Find all posts View Profile Close glennrocksvb]

Change the data-notice-id value and other values accordingly. Right click on the notice and inspect it and look for data-notice-id attribute.

Neha Pariyar

Member

Find all posts

View Profile

Close

Neha Pariyar did you follow the above instruction? You have to change the data-notice-id value in the CSS code with the notice id specific to your site. Notice IDs are different per site.

[Neha Pariyar]

Thank you Glenn.

[glennrocksvb Founder/Coder Find all posts View Profile Close glennrocksvb]

I recently changed the default guest notice on this site to the one below. I added the "Hey Guest!" notice title with background.

[NumNum Village Idiot Find all posts View Profile Close NumNum]

Is this the same module as the welcome screen for users not logged in?

[glennrocksvb Founder/Coder Find all posts View Profile Close glennrocksvb]

Yes. I just added a little bit of CSS to add the Hey Guest title.

[NumNum Village Idiot Find all posts View Profile Close NumNum]

What if you want the welcome notice to remain in the default position, but want to jazzy it up with glennrocks hip hop title?

I need the css for that only. I could decipher it from the OP.

[Saiff Junior Member Find all posts View Profile Close Saiff]

thank you glenn