Question on Font awesome social links icons on details page

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

Open Support Ticket

Tagged: change color, details page, font awesome

Author

Posts
June 19, 2019 at 11:02 am #493772

Vicky Thorton
Free User

Post count: 24

Hello team GD
I was testing the colors of the website using css and when i changed the color of font awesome social links icons on details page i noticed that the default background color persists (see screenshot)
http://prntscr.com/o3toar
The css code i used is
.fa-facebook-f {color:red;background:green; font-size: 16px}
.fa-link {color:red;background:green; font-size: 16px}
When i set background color to green shouldn’t be all green? Why is grey and blue visible?
I also set css class green on Place–>settings–>custom fields.
What am i missing?

June 19, 2019 at 11:39 am #493787

Alex Rollin
Moderator

Post count: 27815

The Badge CSS is inline so you will need a more complex rule to override it.

Alternatively just change the badge background color to what you need.

June 20, 2019 at 10:15 am #493975

Vicky Thorton
Free User

Post count: 24

Thank you for your quick reply
How can i achieve your suggestion-to change the badge background color- using CSS or PHP Code snippet? What is better?
I try to follow GD’s suggestions and not to mess with the core.
If i need to make changes to function.php for that then it’s probably better not to do it.

June 20, 2019 at 1:23 pm #494009

Kor
Moderator

Post count: 16516

Hi Vicky Thorton,

Thanks for your reply. Could you share the URL of the page in question so that we could check on it?

June 20, 2019 at 10:02 pm #494087

Alex Rollin
Moderator

Post count: 27815

Please see https://wpgeodirectory.com/support/topic/button-colors/#post-481355

June 21, 2019 at 9:16 pm #494241

Vicky Thorton
Free User

Post count: 24

Thank you very much for your answer
It helped a lot 🙂
Author

Posts