I'm trying to add an image to a notice, but having difficulty placing the image in the top right corner.
Announcement
Collapse
No announcement yet.
Customize a notice
Collapse
X
-
Are you trying to add an icon in the top right corner just like I did on my guest notice here where there is a blue pin icon in the top right corner?Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
-
This is what I did here:
Code:#notices .notice { position: relative; } #notices .notice:before { content: ''; background: transparent url('path/to/the/image.png') no-repeat; width: 22px; height: 22px; right: -5px; top: -7px; display: inline-block; position: absolute; }
Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
Comment
-
Add the CSS code in css_additional template in AdminCP or in Sitebuilder > Style > CSS Editor for each active theme you are using.Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
Comment
-
The CSS will be applied to all the notices. You don't have to call it.Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
- Likes 1
Comment
Users Viewing This Page
Collapse
There is 1 user viewing this forum topic.
- Guest
Latest Posts
Collapse
-
Reply to Quick Topic Moderationby glennrocksvbNice workaround darkboy245!
You can also accomplish this in a more proper way via PHP Hook using the hookFrontendContentAfterAdd hook. This...Yesterday, 10:18 PM -
by darkboy245I'm trying to give moderators the option to quickly lock a thread & an option to change the topic's prefix while replying to a thread, this is without...04-28-2024, 10:11 AM
-
Reply to Quick Topic Moderationby darkboy245I actually managed to create a button that will reply and also lock the thread simultaneously, it's not perfect but seems like it's working.
Code:<vb:if
Yesterday, 09:24 AM
Comment