Notifications
Clear all

Style [Solved] Admin Note

12 Posts
3 Users
7 Likes
607 Views
Macky
Posts: 977
Topic starter
(@percysgrowroom)
Noble Member
Joined: 4 years ago

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

 

 

Topic Tags
11 Replies
Chris
Posts: 2391
Admin
(@chris)
Support Team
Joined: 1 year ago

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/

1 Reply
Macky
(@percysgrowroom)
Joined: 4 years ago

Noble Member
Posts: 977

@chris Thanks for the inof mate. Ill try that out, I already have adds manager too so that may also work 🙂 

Im not sure what to do with the Div thing you mentioned there,. I wonder if @Tutrix can help me with that? 

Chris
Posts: 2391
Admin
(@chris)
Support Team
Joined: 1 year ago

@percysgrowroom,

Posted by: @percysgrowroom

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.

6 Replies
Macky
(@percysgrowroom)
Joined: 4 years ago

Noble Member
Posts: 977

@chris 

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? 

Chris
Admin
(@chris)
Joined: 1 year ago

Support Team
Posts: 2391

@percysgrowroom,

you need to create new boxes with HTML, CSS is for HTML design, etc.

 

Macky
(@percysgrowroom)
Joined: 4 years ago

Noble Member
Posts: 977

@chris How can I create a new box using HTML?

Tutrix
(@tutrix)
Joined: 3 years ago

Noble Member
Posts: 827

@percysgrowroom 

<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;
}
Chris
Admin
(@chris)
Joined: 1 year ago

Support Team
Posts: 2391

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;
}
Macky
(@percysgrowroom)
Joined: 4 years ago

Noble Member
Posts: 977

@chris This has helped me understand the whole thing much more mate!! Thank you very much!

Macky
Posts: 977
Topic starter
(@percysgrowroom)
Noble Member
Joined: 4 years ago

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

Macky
Posts: 977
Topic starter
(@percysgrowroom)
Noble Member
Joined: 4 years ago

Looks awesome, thanks for your help guys!