Announcement

Collapse
No announcement yet.

color of font icons in suviant readytheme

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    color of font icons in suviant readytheme

    I know this must be something I'm missing, but where can I change the font icon colors?

    #2
    Re: color of font icons in suviant readytheme

    I'd recommend adding additional color (or other styles) to a specific class set for font awesome resources.

    For example, say you are using the mobile phone icon, fa-mobile-phone to hightlight your mobile phone contact number, and you've applied to to a span tag.

    <p class="mPhone"><span class="fa fa-mobile-phone"></span>206 345 6789</p>

    I'd define a class in my own style sheet as

    .mPhone span {color:blue; font-size:20px}
    Bruce Golub
    Phosphor Media - "Your Success is our Business"

    Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
    phosphormedia.com

    Comment


      #3
      Re: color of font icons in suviant readytheme

      I will look into this - thanks!

      Comment


        #4
        Re: color of font icons in suviant readytheme

        @c3idesign - By default, the icon font will inherit any colors assigned to its parent element or structure. There are a number of color classes included in the "colors.css" file which you can assign to any element.
        Matt Zimmermann

        Miva Web Developer
        Alchemy Web Development
        https://www.alchemywebdev.com
        Site Development - Maintenance - Consultation

        Miva Certified Developer
        Miva Professional Developer

        https://www.dev4web.net | Twitter

        Comment

        Working...
        X