X-icon-linkedin-square

[petermayerla]

Change Color of the social Icon is not working through the Theme Options
how can I change them to:
Base: White
Interactive: #2A2957

[ruenel]

Hello @petermayerla,

Thanks for reaching out. The theme options settings did not work because, with the Renew stack, the social icons have their own built-in stack style design. For the LinkedIn icons, it is using this code:

.x-social-global a:hover.linkedin {
   color: #fff;
    background-color: #1a81ad;
}

Be abe able to accomplish what you have in mind, take the code above, modify it by changing the color and then add CSS code into X > Theme Options > CSS.

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Feel free to make adjustment as you need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Intro to CSS - https://goo.gl/mFuWQT
How to get CSS selectors - https://goo.gl/BmoH39
Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
CSS Media Queries - https://goo.gl/L3ZHNg