Social Icons color

zbamal
Offline
Last seen: 1 year 3 months ago
Sun, 05/08/2016 - 00:49
#1
Social Icons color

Hello, I purchased Cortana theme some months before and I edited according to my requirement.

Link: http://demo.zerobulb.com/gsbc/web/

But my client needs social icons at footer to its representative colors, ie; Facebook social icon into #3B5998, twitter icon into #77C7F7 (No need to change the color when its hovered)

Footer screenshot: http://www.screencast.com/t/axvwf7Kj

Hope you will help me.

Also i would like to know how i can resolve the bug which is on header when its visited via Mobile. I found its resolved on http://html.megadrupal.com/forum/site-templates/cortana/677 If you can share the edit file that i need to change it will very much helpful. Otherwise i need to change all the contents and css once more from scratch, as I edited most of the files for my requirement.

Thanks!

cindy
cindy's picture
Offline
Last seen: 2 hours 16 min ago
Mon, 05/09/2016 - 09:35

Hi,

1. To change the color of social icons in footer:

Open file html, in Footer section, please search <ul class="social-list"> 

Each tag <li> represents an icon. Thus, to change the color of social icon (background color), you please add the attribute "background-color" for each

For instance,  

<li style="background-color: #3B5998;">
<li style="background-color: #77c7F7;">

If you want to change the color of the icon symbol => white,  just add class ".primary" next to class ".social-list" 

For ex,

 <ul class="social-list primary">

2. Mobile Visual Bug http://html.megadrupal.com/forum/site-templates/cortana/677

Please check your email for the updated file


zbamal
Offline
Last seen: 1 year 3 months ago
Wed, 05/11/2016 - 03:44

Thanks a lot Cindy for the sharing the informations. It works perfectly.

Log in or register to post comments