Custom Field Font Awesome CSS

This topic contains 4 replies, has 3 voices, and was last updated by  Kor 8 years, 5 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #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

    #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

    #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

    #282950

    Alistair Williamson
    Full Member
    Post count: 415
    This reply has been marked as private.
    #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!

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

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

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount