-
Posts
-
Hi Enfold, How do you change the size of the social media icons on the bottom of the footer? I think they are too small. How can I make them stand out more? Thanks
Also, I’d like to add my http://www.houzz.com/ account to the social medial sites. Is that possible? Thanks
Hey!
use this code to increase them:
#top .social_bookmarks li { font-size: 22px; }You can go to Enfold->Social profiles and add your own link using a “Special” social profile. To add your own icons check out this: http://kriesi.at/archives/enfold-version-2-3-say-hello-to-our-new-iconfont-uploader
Cheers!
AndyThanks Andy for the help. Got as far as saving my social icon and installing it in the icon font manager. The only thing left is how do you change the RSS icon to the one I uploaded? The only way I know how to add that link on the bottom is in the enfold>your social profiles. I go down there and click special rss. But there’s no option to change the icon. The code to change the size of the links worked great. Thanks again.
Hi!
that’s why I provided you this tutorial:
http://kriesi.at/archives/enfold-version-2-3-say-hello-to-our-new-iconfont-uploader
Please have a look at the video to learn how to change the icons.Cheers!
AndyHey Andy, thanks for your help. I did watch the tutorial twice. But I must be missing something. When I go to the enfold>your social profiles. To add a social icon in the footer that is not provided I used the RSS icon selection. Now I don’t know how to change the Icon in that area. In the video all he does is add an icon in an icon list on a page. I’m trying to change the icon in the footer area. Thanks for your help…
Hi!
if you want to implement icons into your footer area you should use a widget for it. Refer to this post to get an idea about the code necessary for it: https://kriesi.at/support/topic/targeting-font-icons-in-a-footer-widget/#post-173339
Hope this helps.
Cheers!
AndyHey!
Do you know which icon your wanting to change it to? You can use some CSS like so.
.social_bookmarks_rss a::before { content: "\e804" !important; }You can see some more codes to use in the functions.php file around line 170.
Cheers!
ElliottThanks Andy and Elliott for your help. I’m so close now. I got it to change, but when I assign my font it displays the words I use. In the icon box it’s under fontello and it says the charcode is \ue800. But when I put that code in place of Elliott’s “\e804” It displays ue8 instead of an icon. Thanks.
Hey Elliott, I have put in the code and I get a music note. I checked the icon box and the default font has the same charcode as my houzz icon that is in my new font which is in font:fontello. So I’m guessing it’s using the default font. I left the code in there so if you click my site you will see the music note. Is there a way to have the code use or tell it to pull from the new Font: fontello? the default font is Font: entypo-fontello. Thanks for the help Elliott.
Hi Elliott, I’ve been playing around with the code, and when I put this in:
.social_bookmarks_rss a::before {
content: ‘\e800’ !important;
font-family: ‘fontello’;
}
I get a single music note. And when I do this:.social_bookmarks_rss a::after {
content: ‘\e800’ !important;
font-family: ‘fontello’;
}I get the icon I want, but it has the rss icon infront of it. See Link. It’s so close, what am I doing wrong?
Thanks for your help and have a good weekend.Hey!
Looks like you can’t override the default css. What happens when you add this?
.social_bookmarks_rss a::before { content: ''; }Cheers!
IsmaelHey Ismael, Thanks for your help. Put that in and it makes the icon blank. this is what I have in my quick css. I’m wondering if something I have in the code before it is messing things up.
@media only screen and (max-width: 767px) {
.av-inherit-size .av-special-heading-tag {
font-size: 0.5em !important;
}
}
#top .social_bookmarks li {
font-size: 22px;
}
.social_bookmarks_rss a::before {
content: ”;
‘\e800’ !important;
font-family: ‘fontello’;
}Thanks for your help.
Hey!
The code is incorrect. Please replace it with:
@media only screen and (max-width: 767px) { .av-inherit-size .av-special-heading-tag { font-size: 0.5em !important; } } #top .social_bookmarks li { font-size: 22px; } .social_bookmarks_rss a::before { content: ''; font-family: 'fontello'; } .social_bookmarks_rss a::after { content: '\e800' !important; font-family: 'fontello'; }Please copy the code directly from this forum, not from your email because some of the symbols are being converted automatically.
Cheers!
IsmaelHey Ismael, sorry I have been away on a vacation. But I just inserted your code you gave me and it looks like it is working. Thanks for your help. Cheers!
- You must be logged in to reply to this topic.