Styling CSS for Form Element Button Plugin

[gwolfe50]

I have added a Button Plugin element to a form to trigger a search to auto-fill a membership form. I need to reposition the Button so that it lines up horizontally with the other fields on the form. (Image of Screen attached)

I can do this by adding :

padding-left: 20px;

in the Firefox Developers Inspection tool.

<div class="control-group fabrikElementContainer plg-button fb_el_jos_club_members___find_me span3" style="padding-top: 21px

I have a working custom.css file that is successfully styling elements (width). For some reason I cannot find a good example for how to style the Element Button Plugin. Apparently I do not have the syntax correct yet?

I have attached an image of the form and the custom.css file.

Info:
Joomla 3.9.21
Template - Prostar
Fabrik 3.9.2
Browser - Firefox 83.0

 

[troester]

You have
.fb_jos_club_members___find_me btn {
padding-top: 21px:
}
Remove btn

 

[gwolfe50]

Troester:

Thanks for the reply. I edited the custom.css file and the button position did not change? I also had a error in the formatting that I fixed, the command was terminated with a ":" and not a";" character. Any other ideas?

 

[gwolfe50]

Fixed now

Correct code is:

.fb_el_jos_club_members___find_me {
padding-top: 21px;

Thanks