Icons

Hi Yigit,
I’m using latest version enfold.
I went to that video, I don’t have gereneral setting under “Theme option”.
There is only “General Styling”, and when I open it, there nothing about icon.
And I can’t find anything about icon in Theme option either.

Please help

Awesome, Thanks

2 more questions, How to make the icons in icon box bigger…Here is the website:http://www.vancouverwindowscreens.com/
I have tried all those code in quick css that you guys post, nothing works.
The only thing that changed is the circle background when I change the width.

Tried:
.iconbox_icon {
font-size: 37px;
width: 35px;
color: red !important;
}

.social_bookmarks li a {
font-size: 24px;
color: red !important;
}

Also I want to enlarge the phone number on the fixed top bar.

Tried this, doesn’t work either
.social_header .phone-info {
color: #F00;
font-size: 1.35em;
}

Please help

Hi
I read with interest your entry about increasing the social icon size. I tried your quick CSS suggestion, but saw no changes to my facebook icon.
Here is a link to my site:
http://billrusselldesign.com/crossman/
Can you suggest a fix? I need to double the size of the icon, and move it to the left a bit as the hover background color gets cut off on the right. Thanks for any assistance you can provide,

-Pelyon

Hi Josue,

Thanks, that got the icon bigger. But then my hover color went to white.

Specifically, the following did change my hover color,
#top #wrap_all .av-social-link-facebook:hover a{
background-color:#8aa2ad;
}
but your code disabled it somehow.

Any help is much appreciated.

http://billrusselldesign.com/crossman/

-Pelyon

Hi Josue,
That worked to a point, thank you.

How would you suggest we correct the background color cutting off the right edge of the icon. And I would prefer the f stay white instead change colors. Thanks much!

-Pelyon

Hi Ismael,

Thank you for your advice but the result was unchanged. I even added !important after “visible”.
Besides trying to fix the flaw in the hover coverage, I’m hoping to only change the background hover color and not the color of the “f”.

Here’s my entire quick css around this topic:
/*facebook background color*/
#top #wrap_all .av-social-link-facebook:hover a{
color:#8aa2ad !important;
}
#top.social_bookmarks li a {
overflow:visible !important;
}

/*facebook icon size*/
.social_bookmarks a {
font-size: 34px !important;
width: 34px !important;
line-height: 34px !important;
}
#top .social_bookmarks li {
width: 34px !important;
}
#top .social_bookmarks {
height: 34px !important;
}
Any additional ideas are appreciated,

Best regards,

Pelyon

Thank you Ismael, that worked. Last issue, I notice the default blue hover color is underneath my new color, and shows thru on hover. How can I make the default blue transparent instead, or make it go away. Thanks again,

-Pelyon

Hi,

Thanks, that fixed it. Many thanks Yigit, Ismael, and Josue!

-Pelyon