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 1 year, 3 months ago.

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

    Reinaldo Miguel
    Participant
    Post count: 15

    Hi,

    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
    R.Miguel

    http://www.toolsandapplications.com

    #31363

    surefirewebserv
    Participant
    Post count: 68

    Add the new css underneath the green styles.

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

    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.


    SureFireWebServices.com | Genesis Tuts and More
    Genesis Theme Starter Kit | It’s Free

    #31381

    Reinaldo Miguel
    Participant
    Post count: 15

    #surefirewebserv

    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?
    Thx

    /* 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 li.active 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.