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

Colors Custom CSS

2 Posts
2 Users
0 Reactions
924 Views
Posts: 5
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
(@questiontravel)
Active Member
Joined: 2 years ago
[#57143]

Hello,

I am trying to customize my forum more than the colour/styling options on the back end seem to allow.

Working with custom CSS seems to work in some cases, but not others. I likely am missing something obvious but I do not think the default settings built in can accomplish what I wish to do so I will outline it.

On this forum I am building: https://wordpress-881670-4798348.cloudwaysapps.com/community/

I changed the background of a few bars to #064F24 but now cannot get the search /magnifying glass to function properly. I assume my CSS application may have messed this up but hope you could provide guidance.

I've run into further issues on this page for example with buttons, etc not accepting applied CSS.

Perhaps there is a better way to accomplish this? You can see what I am going for by changing the background of the main important bars/nav to a different colour.

Thank you very much for any help. I appreciate your guidance as I get used to WPForo.

 


1 Reply
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

@questiontravel 

Posted by: @questiontravel

but now cannot get the search /magnifying glass to function properly

use transparent instead of #064F24

/* Style the search input field */
#wpforo #wpforo-wrap #wpforo-menu .wpf-bar-right.wpf-search .wpf-search-form input.wpf-search-field {
    background-color: transparent;
    color: white !important;
    border: 1px solid white;
}

 


Reply
Share: