Notifications
Clear all

Style [Solved] Admin Note

12 Posts
3 Users
7 Reactions
1,503 Views
Posts: 1187
Topic starter
(@percysgrowroom)
Noble Member
Joined: 6 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: 3627
(@chris)
Famed Member
Joined: 3 years 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
(@percysgrowroom)
Joined: 6 years ago

Noble Member
Posts: 1187

@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: 3627
(@chris)
Famed Member
Joined: 3 years 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
(@percysgrowroom)
Joined: 6 years ago

Noble Member
Posts: 1187

@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
(@chris)
Joined: 3 years ago

Famed Member
Posts: 3627

@percysgrowroom,

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

Β 

(@percysgrowroom)
Joined: 6 years ago

Noble Member
Posts: 1187

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

Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1455

@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
(@chris)
Joined: 3 years ago

Famed Member
Posts: 3627

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

Noble Member
Posts: 1187

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

Posts: 1187
Topic starter
(@percysgrowroom)
Noble Member
Joined: 6 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

Posts: 1187
Topic starter
(@percysgrowroom)
Noble Member
Joined: 6 years ago

Looks awesome, thanks for your help guys!Β