Problem Styling the Simple Social Icons Vers 1.0.0

Community Forums Forums Design Tips and Tricks Problem Styling the Simple Social Icons Vers 1.0.0

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  Reinaldo Miguel 2 years, 8 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #31330

    Reinaldo Miguel


    Can some be so so kind to help me with the following:

    I just updates to the lastet vers of the Simple Social icons plugin, (Version 1.0.0)

    I not sure if this is a bug, but after adding a different style color to the “Icon Font Color” field – nothing changes.

    From what I see… it looks like the icon is lock to the default style color of my theme (green).

    Any suggestions how I can fix this?

    Thank you



    Add the new css underneath the green styles.

    .streamline-green .simple-social-icons ul li a { color:#ccc; }

    It may be a bug because I had the same issues with a site I’m working on. Except it was for the :visited state. Make sure to double check that as well. | Genesis Tuts and More
    Genesis Theme Starter Kit | It’s Free


    Reinaldo Miguel


    Thank you for your help.

    I believe I followed your directions, but I see not change. Maybe I did something wrong.
    Below is the code for the Green section. I included your code at the end.

    Any suggestions?

    /* Streamline Green
    ———————————————————— */

    .streamline-green h2 a,
    .streamline-green h2 a:visited {
    color: #2e2824;

    .streamline-green .post-info a,
    .streamline-green .post-info a:visited {
    color: #817b77;

    .streamline-green a,
    .streamline-green a:visited,
    .streamline-green h2 a:hover,
    .streamline-green .post-info a:hover {
    color: #5e7b3b;

    .streamline-green .navigation li a:hover,
    .streamline-green .navigation a,
    .streamline-green #sidebar .enews {
    background-color: #5e7b3b !important;

    .streamline-green .newsletter {
    background: url(images/green/newsletter.png);

    .streamline-green input[type=”button”],
    .streamline-green input[type=”submit”],
    .streamline-green a.more-link {
    background: url(images/green/button.png) 0 0;
    border-bottom: 1px solid #415529;
    text-shadow: 1px 1px #415529;

    .streamline-green input:hover[type=”button”],
    .streamline-green input:hover[type=”submit”],
    .streamline-green a.more-link:hover {
    background: url(images/green/button.png) 0 -40px;

    .streamline-green .enews #subbox {
    border-left: 1px solid #415529;
    border-top: 1px solid #415529;

    .streamline-green .enews #subbutton {
    -moz-box-shadow: 0 1px 1px #415529;
    -webkit-box-shadow: 0 1px 1px #415529;
    box-shadow: 0 1px 1px #415529;

    .streamline-green #sidebar .enews p,
    .streamline-green #sidebar .enews h4 {
    text-shadow: 1px 1px #415529 !important;

    .streamline-green .simple-social-icons ul li a { color:#ccc;


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

You must be logged in to reply to this topic.