Notifications
Clear all

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

10 Posts
4 Users
0 Reactions
1,760 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: 1862
Moderator
(@alvina)
Member
Joined: 5 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: 5 years ago

Member
Posts: 1862

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: 10591
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