I have changed some code for the admin note on my forum so it displays in a box.
I would like to display numerous admin notes as different coloured boxes, at the same time. And have them diaplyed as septate boxes. Can anyone help with this?
Thanks in advance
Hi @percysgrowroom,
There are two ways to do that
Option 1 - Navigate to Dashboard > Forums > Tools > Misc admin page. Turn admin note editor to text mode. Add HTML with it CSS classes.
Navigate to Dashboard > Forums > Settings > Styles admin page, put the appropriate CSS code in "Custom CSS Code" textarea.
Don't forget to delete all caches and press CTRL+F5 on frontend before checking.
Option 2 Purchase wpForo Ads Manager add-on: https://gvectors.com/product/wpforo-ad-manager/
Im not sure what to do with the Div thing you mentioned there,. I wonder if @Tutrix can help me with that?
Using HTML to create those blocks.
The code I use right now is CSS and is in my themes customs CSS:
#wpforo #wpforo-wrap .wpforo-admin-note {
border: 2px solid #1a5c00;
background: #649e2d;
border-radius: 5px;
padding: 5px
}
Can I alter this to make each new line a different box?
<div class="adminnote-one"> <p style="text-align: center"> <span style="color: #ffffff"> Text Box one </span> </p> </div> <div class="adminnote-two"> <p style="text-align: center"> <span style="color: #ffffff"> Text Box two </span> </p> </div> <div class="adminnote-three"> <p style="text-align: center"> <span style="color: #ffffff"> Text Box three </span> </p> </div>
css
.adminnote-one {
background: #f00;
}
.adminnote-two{
background: #f90;
}
.adminnote-three {
background: #1a80db;
}
visit my wpForo Community > Tutrix.de
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...
Here is the HTML for admin note:
<div id="wpforo-admin-not-box1"> Here Must be Your Text </div> <div id="wpforo-admin-not-box2"> Here Must be Your Text</div> <div id="wpforo-admin-not-box3"> Here Must be Your Text</div>
and the CSS for the HTML:
#wpforo-admin-not-box1, #wpforo-admin-not-box2, #wpforo-admin-not-box3 {
background-color: #a5b8a5;
width: 98%;
margin: 10px 8px !important;
height: 50px;
}
#wpforo #wpforo-wrap .wpforo-admin-note {
padding: 0 !important;
}
@chris This has helped me understand the whole thing much more mate!! Thank you very much!
Perfekt!!!!!!!!!!!!!!
Danke, Mann, ich werde das hinzufügen und sehen, ob ich es an meinem Ende zum Laufen bekomme !! Sehr geschätzte Tutrix
----------------------------------
Perfect!!!!!!!!!!!!!!
Thanks man, I will add that and see if I can get it to work on my end!! Much appreciated Tutrix
Looks awesome, thanks for your help guys!
