To insert code use <code>...</code>.
How can I use CSS to change Striking Contact Info widget color
  • for example

    #footer.icon{
    color:#99ffcc
    }


    Thank you
  • 3 Comments sorted by
  • Hi Steve,

    You want to change the icons color? If yes you can choose from the 10 colors which are available in the widget.

    If you want additional colors you will have to create them yourselves by using the psd file which came with your theme and saving it as one of the filenames icons_xxxx.png (f.e. green) which resides in the the theme images folder. After that just select that color in the widget. Although it will say (f.e. green) it will show the color as you have adjusted.

    Or you just open one of the icons_xxxx.png files alter the colors, save it and upload it back into the images folder.

    By selecting in the widget the color from which you have altered the icons they will appear in the newly modded color.

    f.e. if you alter the colors in the file icons_green.png in teal and save it again. The icons will show the teal color once you select the green icons color.

    Best regards,
    BackuPs
  • Hi Steve

    If you install gimp or photoshop.You can open the file and adjust colors and saturation etc.

    See attachment. Done in gimp which is free.

    Best regards,
    BackuPs
    icons_green-02.png
    405 x 405 - 6K
    icons_green-03.png
    405 x 405 - 6K
  • I downloaded the icons_green.png and there is no way I can change the colors of the icons as I do not understand how to do this.