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

[Closed] CSS styling the menues and user account page

3 Posts
2 Users
0 Reactions
3,116 Views
Posts: 17
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
(@bba01)
Eminent Member
Joined: 9 years ago
[#4839]

Hey guys and thank for an excellent plugin! 

How do I change the border radius of the main and the profile menus? (please see picture)

I've spent hours trying to make it work...

Thank you!

border radius

2 Replies
Robert
Posts: 10741
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

Please navigate to Dashboard > Forums > Settings > Styles admin page, put this CSS code in Custom CSS Code Textarea, then delete all caches and do Ctrl+F5 on forum front:

#wpforo #wpforo-wrap #wpforo-menu{border-radius: 4px;}
#wpforo #wpforo-wrap #wpforo-menu li.menu-item:first-child{border-radius: 4px 0px 0px 4px;}
#wpforo #wpforo-wrap .wpforo-profile-wrap .h-footer{border-radius: 4px;}
#wpforo #wpforo-wrap .wpforo-profile-wrap .h-footer a:first-child{border-radius: 4px 0px 0px 4px;}

1 Reply
(@bba01)
Joined: 9 years ago

Eminent Member
Posts: 17
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

Thank you Robert! It works perfectly!

I have another question. I've styled all the inputs with

#wpforo #wpforo-wrap  input[type=button], #wpforo #wpforo-wrap  input[type=submit], #wpforo #wpforo-wrap  input[type=reset]  {

color: #ffffff !important; 

background: #7dc246 !important;

border-radius: 4px !important;

height: 60px !important;

width: 160px !important;

border-color: #7dc246 !important;

}

 

#wpforo #wpforo-wrap  input[type=button]:hover, #wpforo #wpforo-wrap  input[type=submit]:hover, #wpforo #wpforo-wrap  input[type=reset]:hover  {

color: #7dc246 !important;

border-color: #7dc246 !important;

border-style: solid !important;

border-width: 2px !important;

border-radius: 4px !important;

background: #ffffff !important;

}

 

I try to add the Add topic button to the above code by adding .wpf-button to the above code. That does all the changes except for the hover color of the text which is still white (and therefore I get an empty button with a green border).... What am I missing? I've also tried to isolate the .wpf-button with this code but still doesn't work:

 

.wpf-button {

color: #ffffff !important; 

background: #7dc246 !important;

border-radius: 4px !important;

height: 60px !important;

width: 160px !important;

border-color: #7dc246 !important;

}

.wpf-button:hover {

color: #7dc246  !important;

border-color: #7dc246 !important;

border-style: solid !important;

border-width: 2px !important;

border-radius: 4px !important;

background: #ffffff !important;

}

empty

Share: