Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

wpForo 1.x.x [Solved] How to style the WPForo widget?

10 Posts
4 Users
0 Reactions
2,069 Views
Posts: 6
Topic starter
(@spacerust)
Active Member
Joined: 5 years ago

Hi, How to I style the WPForo widget. I have the widget (second from the left) on my footer area of a mockup I am doing. 

 

http://www.christrott.com/gowyth/mockup03/

 

I would like to match up the solid, thicker white line with the grey lines left of it. Thanks

9 Replies
Alvina
Posts: 1861
Moderator
(@alvina)
Member
Joined: 6 years ago

Hi @spacerust,

Please put the CSS code in Top Black Admin Bar > Customize > Additional CSS, delete all caches and press Ctrl+F5 (twice) on that page.

.footer-widget .widget-title {
border-color: #333;
}

Don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.

Posts: 6
Topic starter
(@spacerust)
Active Member
Joined: 5 years ago

Ah great! Perfect! One more question, how to make that "admin" link from red to green? Thanks

1 Reply
Alvina
Moderator
(@alvina)
Joined: 6 years ago

Member
Posts: 1861

Please use the following CSS code:

.postuser > a {
color: green !important;
}

Please note, the red marked value can be changed.

Posts: 6
Topic starter
(@spacerust)
Active Member
Joined: 5 years ago

Thank you very much for being very helpful. One more tweak, and I think I got it. Can you look at the attachment I attached? I think the topic text should be a tad higher, and aligned with the title. Thanks very much. 

Robert
Posts: 10616
Admin
(@robert)
Support Team
Joined: 9 years ago

Hi @spacerust,

Try this CSS code:

#wpf-widget-recent-replies.wpforo-widget-wrap .wpforo-widget-content {
      padding: 0px 1px 20px 1px!important;
}
#wpf-widget-recent-replies .widget-title {
     margin: 0 0 15px!important;
}
Page 1 / 2