Custom Field Font Awesome CSS

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

Open Support Ticket

Tagged: Custom Field Font Awesome CSS

Author

Posts
October 13, 2016 at 11:32 am #282940

Alistair Williamson
Full Member

Post count: 415

Hi,

Please can you explain in layman terms how to change the colour of the custom field in the image attached.

I would like to change the colour from black to red.

Thanks

Al

October 13, 2016 at 11:34 am #282942

Alistair Williamson
Full Member

Post count: 415

I have read

https://wpgeodirectory.com/docs/custom-field-examples/

But it doesn’t explain changing colour or precisely where to put the code.

I also fingd the CSS line numbering confusing as these are surely not the line numbers to place the code?

Thx

October 13, 2016 at 11:55 am #282947

Stiofan O’Connor
Site Admin

Post count: 22956

I would need to see it on the page to be able to give you the CSS snippet.

Stiofan

October 13, 2016 at 12:14 pm #282950

Alistair Williamson
Full Member

Post count: 415

This reply has been marked as private.

October 13, 2016 at 2:56 pm #283119
Kor
Moderator

Post count: 16516
Hi there,

It depends on how you want to style it. Refer to this documentation that explains how you can use the code inspector to customize the styles to your liking. https://wpgeodirectory.com/docs/customizing-your-style/

If you would like to change the color for all fontawesome icons, use the custom CSS below to target all. Insert into GD > Design > Scripts > Custom Style CSS.
```
.geodir_more_info i {
    color:red
}
```
To target individually, use this
```
.geodir_more_info .fa-ambulance {
    color:blue;
}
```
Thanks!
Author

Posts