AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

Filter by custom fields

Topic prefix

AI Assistant
Notifications
Clear all

[Solved] How to style the WPForo widget?

10 Posts
4 Users
0 Reactions
3,731 Views
Posts: 6
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@spacerust)
Active Member
Joined: 6 years ago
[#12995]

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: 1857
Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@alvina)
Member
Joined: 7 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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@spacerust)
Active Member
Joined: 6 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: 7 years ago

Member
Posts: 1857
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

Please use the following CSS code:

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

Please note, the red marked value can be changed.


Posts: 6
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@spacerust)
Active Member
Joined: 6 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. 

 adjustment

Robert
Posts: 10725
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@robert)
Support Team
Joined: 2 months 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
Share: