Styling Button Elements

Support 2 replies 0 votes 333 views

Hi there,

I'm new to this forum plugin and tweaking things in general so apologies for the basic question.

I've done the default install of the plugin and I realise that it adopts the styling of my Wordpress theme.

However, the search and New Topic buttons look like default button elements compared to the rest of my theme. Wordpress theme must have custom class for buttons I'm assuming.

(see below, screenshot only as I'm developing website locally)

I inspected the Search button element in my browser and see that it had the following class: .fmwp-search-forum

So I tried adding some css into the stylesheet in the theme editor of wordpress child theme but with no luck....a rough example below:

.fmwp-search-forum {
padding: 12px 24px;
border-radius: 6px;
border: 0;
font-weight: bold;
letter-spacing: 0.0625em;
text-transform: uppercase;
background: #810083;
color: #fff;
}

.fmwp-search-forum:hover,
.fmwp-search-forum:focus,
.fmwp-search-forum:active {
background: #fff;
color: #810083;
}

Is this the correct method to be making changes to style of the forum?

 

Basically I like the styling of the ForumWP buttons, textfields etc and just looking to make color changes to match my site.

 

Loving the modern feel of this plugin!

 

Many thanks,

 

Brendan