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
Comment