Notifications
Clear all

Colors Custom CSS

2 Posts
2 Users
0 Reactions
196 Views
Posts: 5
Topic starter
(@questiontravel)
Active Member
Joined: 4 months ago

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: 1493
(@tutrix)
Noble Member
Joined: 5 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