Tagged: phone number, social icons
Hi,
I searched this forum, and tried using many of the CSS hacks provided to increase the size of the phone number and social icons. None of them seemed to work. Can you please provide?
Hi sadephoi!
Thank you for using Enfold.
You can use the following to modify the phone number and social icons:
.phone-info span {
font-size: 30px;
}
#top .social_bookmarks li {
width: 80px;
height: 80px;
}
#top .social_bookmarks li a {
width: 80px;
line-height: 80px;
min-height: 80px;
font-size: 30px;
}
#header_meta .container {
min-height: 80px;
}
Adjust the width and height.
Regards,
Ismael
Great, thanks! Can you offer me a tip to make the vertical line between the FB and twitter icons shorter to match the horizontal one?
Hi!
Adjust this in the Quick CSS:
#top .social_bookmarks li
{
height: 30px;
}
Best regards,
Andy
Hey!
Please add following code to Quick CSS
#top .social_bookmarks li {
margin-right: 12px;
border: none;
}
Best regards,
Yigit
This is awesome! Thanks so much for the quick response! :D
Hey!
You are welcome, glad we could help :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Regards,
Yigit