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

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Solved] How to edit Sign In/Up Box color of "wpForo User Profile & Notifications" - Widget

4 Posts
3 Users
1 Reactions
1,965 Views
WiYa3D
Posts: 31
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
(@wiya3d)
Trusted Member
Joined: 6 years ago
[#17720]

Hi,

I want to change the box/Link box color of the Sign In & Sign Up of wpforo User Profile & Notification widget. & it's hover color to some other.

Can you help me archive that?

 

Thank you

 

 

 

 WpForo User Notification Widget

3 Replies
tqarb
Posts: 45
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
(@tqarb)
Trusted Member
Joined: 5 years ago

change background-color ande color for title color and Put the code in the CSS custom

.wpforo-widget-wrap .wpf-button {
    background-color: #333 !important;
    color: #333 !important;
}

Tutrix
Posts: 1519
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
(@tutrix)
Noble Member
Joined: 6 years ago

@rapid3dme

add this to custom css

.wpf-prof-loginout .wpf-button {
background: #43A6DF !important;
color: #FFFFFF !important;
border: 1px solid #0099CC;
}
.wpf-prof-loginout .wpf-button:hover {
background: #3F7796 !important;
color: #FFFFFF !important;
border: 1px solid #0099CC;
}

Dashboard > Forums > Settings > Style (custom css)

and replace the hex color codes (#43A6DF, #FFFFFF, #0099CC and #3F7796) with yours


1 Reply
WiYa3D
(@wiya3d)
Joined: 6 years ago

Trusted Member
Posts: 31
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

@tutrix 

 

Thank you


Share: