Search icon is not centered on button

This topic contains 5 replies, has 2 voices, and was last updated by Alex Rollin 5 years, 11 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
June 16, 2018 at 6:25 pm #435191

Joshua
Expired Member

Post count: 43

The icon on the search button is at the bottom of the button. I would like it to be centered.

Using the Geo Bold Child Theme.

http://www.museumembassy.com/

June 16, 2018 at 7:56 pm #435200
Alex Rollin
Moderator

Post count: 27815
Try this CSS:
```
i.fa.fa-search {
    display: inherit;
    margin-top: -8px !important;
}
```
June 16, 2018 at 8:02 pm #435204

Joshua
Expired Member

Post count: 43

Where do I place the code?

June 16, 2018 at 8:06 pm #435209

Alex Rollin
Moderator

Post count: 27815

CSS should be added at GeoDirectory – Design – Scripts – CUstom CSS

See https://wpgeodirectory.com/docs/customizing-your-style/

Also see: https://wpgeodirectory.com/docs/common-styling-examples/

June 16, 2018 at 8:11 pm #435212

Joshua
Expired Member

Post count: 43

That did the trick.

Thanks

Do I need to have the font”Font Awesome” activated? I currently have the tick box checked.

June 18, 2018 at 7:14 pm #435376

Alex Rollin
Moderator

Post count: 27815

It is not necessary, but you can try it and see if you like it.

Some people choose to make a custom rating image, too. Lots of options to make the directory fit your niche.
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket