-
Search Results
-
Dear support,
i added a custom icon to the social icons like this. The problem is the wrong icon is shown. Is there some error in my code? I want to show the fontello icon ue837 (The feather). You can see the wrong icon (pencil) in the header on the right.// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['icon_name'] = array( 'font' =>'fontello', 'icon' => 'ue837'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); // Add new icon as an option for social icons function avia_add_custom_social_icon($icons) { $icons['Newsletter'] = 'Newsletter'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);I was asked to open a new thread:
Please read all of this – The work around I have suggested is a temporary fix and helps isolate the CSS that is causing the problem.
The fix file for social media icons missing after wordpress update does not work if you place the social icons in a sidebar widget with open in new window set.
This is something I do for all of my customers as it removes the need to add a plugin to handle social icons.Please can you add this to the fix list?
This will affect all Enfold Customers not just my own siteIn the meantime, I have only upgraded 1 customer to the latest version of WordPress so I can live with the problem for a few days if necessary.
WORKAROUND: If you change the shortcode setting to open in same window it works. So something is wrong with the CSS when you add open in new window in the icon shortcode.
Topic: Replacing icons
Hello Kriesi-Team,
thanks for following up so fast in this support forum.
I have a question. With Fontello I made an icon pack and uploaded it to the page, that works fine. When my customer wants to add another icon, normally I would drag and drop the package to the Fontello page, add the new icon and download it again. But can I replace the old icon pack in WordPress? Whats the ideal process in this case? Should I delete the old pack and upload the new one, do I upload and replace it automatically? Of course I don’t want any icons used on the page will be missed.
Thanks for your answer in advance.
Best regards
Hi Enfold,
We’ve been using your theme a lot and it’s very good. Thank you!
After dozens of projects I’d like to share my thoughts with everyone. My goal of this post is to make Enfold even better by letting the devs add more , in my opinion, necessary features and changes:It was hard to get some “structure” in this post so the list is in random order. I hope you don’t mind.
Add scroll to top options
show on mobile: yes / no
show on desktop: yes / noAdd more topbar settings
show on mobile: yes / no
stick on mobile: yes / no
show on desktop: yes / no
stick on desktop: yes / noAdd uniform button styling
Changing the style of buttons should affect all buttons (advanced styling). In lots of projects I need to style the form & slider buttons seperately.Add more hover-effects on buttons
The 1 default hover-effect ( subtly lower opacity ) is not enough. I would like to see at least 10 options just to have more visual control over my projects.Add control over slider elements animations
Let us choose the animations that occur in the sliders ( titles en subtexts )Add more slider slide animations
Add more options besides ‘fade’ and ‘slide’Add option to choose the color of the icons in accordeons
You can change the colors of everything in accordeons, but not the icon.Add the option to easily display social media icons in a row.
Currently I’m using ‘Button Row’ with some CSS tweaks to accomplish this. Maybe give the ‘Button Row’ some different styles like you do with f.e. the accordeon element (accordion:minimal, elegant, … )Add more control over blog & portfolio items. Directly in the element let us:
hide/show date
hide/show categories
hide/show tags
hide/show author
hide/show title
hide/show text
Choose icon for hover-stateAdd use custom page as socket
‘use custom page’ as footer and socket is awesome! Even better would be to have a seperate ‘page’ for socket and a seperate page for ‘footer’.
Just to have more control. Some pages don’t really need a footer.
This way you can have the option on each page to show: A. Footer & socket (default). B. Footer or C. Socket.ADVANCED STYLING section
Add scroll-to-top stylingSOCIAL PROFILES section
Add phone, mail, Whatsapp etc by default and the option to add our own icons very easily.Add H-tag control
Let us choose what H-tag elements useAdd more catelogue styles
Just like you did with accordeon (f.e. elegant, minimal, modern, … )
A must to support more horeca-websites, coffeeshops, …Add ratings to testimonials
Because what’s a testimonial without a nice score or star next to it?General:
Add different styles to loads of elements –> elegant, minimal, modern, …I’ll try to add more to this list now and then.
Please consider adding this list with changes to Enfold over time.
Regards and thank you again for this awesome theme.
Hi,
I hope you can help – I’m out of ideas how to solve this problem.
I switched from http to https so far so good. But all icons are not showing on Chrome and Firefox. Safari looks great.I tried following:
1. import fonatello in Import/Export
2. add following code in to my htaccess:<FilesMatch “.(ttf|otf|woff)$”>
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “*”
</IfModule>
</FilesMatch>3.add following code in to my wp-config:
<?xml version=”1.0″ encoding=”utf-8″?>
<configuration>
<system.webServer>
<httpProtocol>
<customHeaders>
<add name=”Access-Control-Allow-Origin” value=”*” ></add>
</customHeaders>
</httpProtocol>
</system.webServer>
</configuration>—> still no changes.
Interesting was, when I did this yesterday – the icon where shown nicely. But today everything is blogged. I get following error:
Access to font at ‘https://storchenfreunde.ch/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff’ from origin ‘http://storchenfreunde.ch’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
Any ideas???
Thank you so much.
_KTopic: A few issues
Longtime user, I always start my projects with Enfold. Rebuilding a site, having a couple issues.
Followed your recipe(s) for custom social icons, but they’re mostly appearing blank (in header and footer).
Here’s my code from functions.php:
<?php // Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['icon_mail'] = array( 'font' =>'fontello', 'icon' => 'ue800'); $icons['icon_twitter'] = array( 'font' =>'fontello', 'icon' => 'ue801'); $icons['icon_linkedin'] = array( 'font' =>'fontello', 'icon' => 'ue802'); $icons['icon_instagram'] = array( 'font' =>'fontello', 'icon' => 'ue803'); $icons['icon_facebook_official'] = array( 'font' =>'fontello', 'icon' => 'ue804'); $icons['icon_whatsapp'] = array( 'font' =>'fontello', 'icon' => 'ue805'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); // Add new icon as an option for social icons function avia_add_custom_social_icon($icons) { $icons['My Email'] = 'icon_mail'; $icons['My Twitter'] = 'icon_twitter'; $icons['My LinkedIn'] = 'icon_linkedin'; $icons['My Instagram'] = 'icon_instagram'; $icons['My Facebook'] = 'icon_facebook_official'; $icons['My Whatsapp'] = 'icon_whatsapp'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);…and my settings in Enfold:

…and how it appears on my site:

The other problem is with my Blog page at http://dev.burtlo.info/blog/. When I try to add content to my Blog page, which is an actual Page, the content doesn’t appear… I only see a listing of my blog entries. Also odd, when I’m on /blog, and click the “Edit Post” link in the toolbar on top, it edits the first post listed, not my blog page. Lastly, I’m using the Advanced Editor on my blog page, but none of the configurations I make to the Blog block are honored. I must be doing something fundamentally wrong…?
Also, my logo has some whitespace that overlaps the border lines above and below. It’s easiest to see when a page has scrolled down, but it’s present always. What’s up with that? Here’s an image:

Lastly, there was some weirdness when trying to edit my homepage, where the Advanced Editor kept wiping out the content. It’s a simple page, and I don’t have many plugins. I turned off caching, tried various things, but I ended up reverting to the Classic Editor. You can see the weirdness if you browse the revisions on the page. I didn’t find any mention of that while googling, but can you think of what going on?
I appreciate your help! Thank you.
–Burt
Hello!
The Whatsapp button in the social share blog posts stopped working.
It now opens a new page instead of sharing to whatsapp.My functions.php from the child theme is:
<?php /* * Add your own functions here. You can also copy some of the theme functions into this file. * WordPress will use those functions instead of the original functions then. */ // Register new icon as a theme icon add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_icon($icons) { $icons['whatsapp'] = array( 'font' =>'whatsapp-font-icon', 'icon' => 'ue800'); return $icons; } //Adjust icons add_filter('avia_filter_social_icons', 'avia_filter_social_icons_mod', 10, 1); function avia_filter_social_icons_mod($icons) { $icons['Whatsapp'] = 'whatsapp'; return $icons; } //Add items on the social share section add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1); function avia_add_social_share_link_arguments($args) { $args['whatsapp'] = array("encode"=>true, "encode_urls"=>false, "pattern" => "whatsapp://send?text=[title]&url=[permalink]", 'label' => __("Auf Whatsapp teilen",'avia_framework')); return $args; }Regards
Chris
Hi – I have used added this code to my function.php file to add social icons to flyout mobile menu – which it did- but I want the icons lined up horizontally across the bottom of the flout menu. I’ve tried several code snippets but am not having any luck. I am using the latest version of Enfold. Thanks of any help you can give! Anna
// add social icons inside the mobile menu
function ava_custom_script_mod_social(){
?>
<script>
(function($){
var int = ”;
function a() {
var isMobile = $(‘.av-burger-menu-main’).css(‘display’),
htmlString = $(‘#header_main .social_bookmarks’).find(‘li a’),
mobileMenu = $(‘.av-burger-overlay’),
socialString = [];if(isMobile == ‘none’) return;
if($(‘.burger-social’).length) clearInterval(int);htmlString.each(function() {
var socialClass = $(this).parent(‘li’).attr(‘class’),
socialItems = $(this).wrap(‘<li class=”‘+ socialClass + ‘ av-active-burger-items burger-social”></div>’).parent().unwrap();
socialString.push(socialItems);
});$(socialString).each(function() {
$(this).prependTo(‘#av-burger-menu-ul’);
});
}$(‘#header’).on(‘mousedown’, ‘.av-main-nav-wrap’, function() {
int = setInterval(function() {
a();
}, 500);
});})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘ava_custom_script_mod_social’);Hi!
Right now my mobile menu’s social media icons are lined up vertically in a row. I would like to line them up horizontally in one or two rows and make them much smaller. How can i do this?
The current code that i used to add the icons to the burger menu is in functions.php:
// add social icons inside the mobile menu
function ava_custom_script_mod_social(){
?>
<script>
(function($){
var int = ”;
function a() {
var isMobile = $(‘.av-burger-menu-main’).css(‘display’),
htmlString = $(‘#header_main .social_bookmarks’).find(‘li a’),
mobileMenu = $(‘.av-burger-overlay’),
socialString = [];if(isMobile == ‘none’) return;
if($(‘.burger-social’).length) clearInterval(int);htmlString.each(function() {
var socialClass = $(this).parent(‘li’).attr(‘class’),
socialItems = $(this).wrap(‘<li class=”‘+ socialClass + ‘ av-active-burger-items burger-social”></div>’).parent().unwrap();
socialString.push(socialItems);
});$(socialString).each(function() {
$(this).prependTo(‘#av-burger-menu-ul’);
});
}$(‘#header’).on(‘mousedown’, ‘.av-main-nav-wrap’, function() {
int = setInterval(function() {
a();
}, 500);
});})(jQuery);
</script>Hi.
I want to make the text colour in the top header to white but when I change this in general styling the text colour also changes for my drop down menu in services and you cant see it.
Is there a code to please to only adjust the text colour for the top header? Also I’d like to add icons in the top header i.e. phone and a little calendar with the words Book Online which when clicked will go directly to booking online (much like a social profile behaviour)
Can you please help?
Thanks
Topic: Flaticon
Hi,
I have a problem with the flaticon download option. I can’t download multiple collections of icons, the new collection systematically deleted the old, why? In addition the theme remembers the old icon but they do not appear in the flaticon option, strange… The collection of icons that I try to use comes from flaticon, I composed it myself, it’s not a pack, but normally it should works the same way, I do not understand.
Could you help me ?Since yesterday an error occured with self builded icons uploaded from fontello. They are just shown as little squares.
I already tried this: http://kriesi.at/documentation/enfold/enable-cors/ but that doesn’t help. Clearing the cache didn’t help too? I think it is something in the htacces cause that error doesn’t happen on my cloned side.
But these entries there are copied from other websites…I don’t know much about it.Could you check it if you find the error?
# BEGIN WordPress # ---------------------------------------------------------------------- # Rewrite from HTTP to HTTPS - if you want to use it, comment it out # ---------------------------------------------------------------------- <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTPS} !=on RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301] </IfModule> # ---------------------------------------------------------------------- # | Compressing and Caching - Version 2017 | # ---------------------------------------------------------------------- # Serve resources with far-future expires headers. # # (!) If you don't control versioning with filename-based # cache busting, you should consider lowering the cache times # to something like one week. # # https://httpd.apache.org/docs/current/mod/mod_expires.html <IfModule mod_expires.c> ExpiresActive on ExpiresDefault "access plus 1 month" # CSS ExpiresByType text/css "access plus 1 year" # Data interchange ExpiresByType application/atom+xml "access plus 1 hour" ExpiresByType application/rdf+xml "access plus 1 hour" ExpiresByType application/rss+xml "access plus 1 hour" ExpiresByType application/json "access plus 0 seconds" ExpiresByType application/ld+json "access plus 0 seconds" ExpiresByType application/schema+json "access plus 0 seconds" ExpiresByType application/vnd.geo+json "access plus 0 seconds" ExpiresByType application/xml "access plus 0 seconds" ExpiresByType text/xml "access plus 0 seconds" # Favicon (cannot be renamed!) and cursor images ExpiresByType image/vnd.microsoft.icon "access plus 1 week" ExpiresByType image/x-icon "access plus 1 week" # HTML - Behält die Website eine Stunde im Cache, neues wird erst nach Ablauf einer Stunde # angezeigt. Wenn nicht gewuenscht, bei 3600 eine Null eintragen ExpiresByType text/html "access plus 3600 seconds" # JavaScript ExpiresByType application/javascript "access plus 1 year" ExpiresByType application/x-javascript "access plus 1 year" ExpiresByType text/javascript "access plus 1 year" # Manifest files ExpiresByType application/manifest+json "access plus 1 week" ExpiresByType application/x-web-app-manifest+json "access plus 0 seconds" ExpiresByType text/cache-manifest "access plus 0 seconds" # Media files ExpiresByType audio/ogg "access plus 1 month" ExpiresByType image/bmp "access plus 1 month" ExpiresByType image/gif "access plus 1 month" ExpiresByType image/jpeg "access plus 1 month" ExpiresByType image/png "access plus 1 month" ExpiresByType image/svg+xml "access plus 1 month" ExpiresByType image/webp "access plus 1 month" ExpiresByType video/mp4 "access plus 1 month" ExpiresByType video/ogg "access plus 1 month" ExpiresByType video/webm "access plus 1 month" # Web fonts # Embedded OpenType (EOT) ExpiresByType application/vnd.ms-fontobject "access plus 1 month" ExpiresByType font/eot "access plus 1 month" # OpenType ExpiresByType font/opentype "access plus 1 month" # TrueType ExpiresByType application/x-font-ttf "access plus 1 month" # Web Open Font Format (WOFF) 1.0 ExpiresByType application/font-woff "access plus 1 month" ExpiresByType application/x-font-woff "access plus 1 month" ExpiresByType font/woff "access plus 1 month" # Web Open Font Format (WOFF) 2.0 ExpiresByType application/font-woff2 "access plus 1 month" # Other ExpiresByType text/x-cross-domain-policy "access plus 1 week" </IfModule> <IfModule mod_deflate.c> # Insert filters / compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/vtt AddOutputFilterByType DEFLATE text/x-component AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/js AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/x-httpd-php AddOutputFilterByType DEFLATE application/x-httpd-fastphp AddOutputFilterByType DEFLATE application/atom+xml AddOutputFilterByType DEFLATE application/json AddOutputFilterByType DEFLATE application/ld+json AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/font-woff2 AddOutputFilterByType DEFLATE application/x-font-woff AddOutputFilterByType DEFLATE application/x-web-app-manifest+json font/woff AddOutputFilterByType DEFLATE font/woff AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon # Exception: Images SetEnvIfNoCase REQUEST_URI \.(?:gif|jpg|jpeg|png|svg)$ no-gzip dont-vary # Drop problematic browsers BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html # Make sure proxies don't deliver the wrong content Header append Vary User-Agent env=!dont-vary </IfModule> #Alternative caching using Apache's "mod_headers", if it's installed. #Caching of common files - ENABLED <IfModule mod_headers.c> <FilesMatch "\.(ico|pdf|flv|swf|js|css|gif|png|jpg|jpeg|txt)$"> Header set Cache-Control "max-age=2592000, public" </FilesMatch> </IfModule> <IfModule mod_headers.c> <FilesMatch "\.(js|css|xml|gz)$"> Header append Vary Accept-Encoding </FilesMatch> </IfModule> # Set Keep Alive Header <IfModule mod_headers.c> Header set Connection keep-alive </IfModule> # If your server don't support ETags deactivate with "None" (and remove header) <IfModule mod_expires.c> <IfModule mod_headers.c> Header unset ETag </IfModule> FileETag None </IfModule> <IfModule mod_headers.c> <FilesMatch ".(js|css|xml|gz|html|woff|woff2|ttf)$"> Header append Vary: Accept-Encoding </FilesMatch> </IfModule> <FilesMatch ".(ttf|otf|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch> # ---------------------------------------------------------------------- # Block WordPress files from outside access # ---------------------------------------------------------------------- # No access to the install.php <files install.php> Order allow,deny Deny from all </files> # No access to the wp-config.php <files wp-config.php> Order allow,deny Deny from all </files> # No access to the readme.html <files readme.html> Order Allow,Deny Deny from all Satisfy all </Files> # No access to the liesmich.html for DE Edition <Files liesmich.html> Order Allow,Deny Deny from all Satisfy all </Files> # No error log access <files error_log> Order allow,deny Deny from all </files> #No access to the .htaccess und .htpasswd <FilesMatch "(\.htaccess|\.htpasswd)"> Order deny,allow Deny from all </FilesMatch> # Block access to includes folder <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^wp-admin/includes/ - [F,L] RewriteRule !^wp-includes/ - [S=3] RewriteRule ^wp-includes/[^/]+\.php$ - [F,L] RewriteRule ^wp-includes/js/tinymce/langs/.+\.php - [F,L] RewriteRule ^wp-includes/theme-compat/ - [F,L] </IfModule> # ---------------------------------------------------------------------- # Switch off the security risk XML-RPC interface completely # ---------------------------------------------------------------------- ### @see https://digwp.com/2009/06/xmlrpc-php-security/ <Files xmlrpc.php> Order Deny,Allow Deny from all </Files> <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] </IfModule> # Wordfence WAF <IfModule mod_php7.c> php_value auto_prepend_file '/is/htdocs/wp12698195_92KVI3G99T/www/aicomp_group/wordfence-waf.php' </IfModule> <Files ".user.ini"> <IfModule mod_authz_core.c> Require all denied </IfModule> <IfModule !mod_authz_core.c> Order deny,allow Deny from all </IfModule> </Files> # END Wordfence WAF # END WordPress # BEGIN Hotlinking # END HotlinkingHi,
I have changed my site address URL to my ‘production’ URL. After this the icons I used form the Iconbox are not shown anymore.
I have tried to fix it with the plugins ‘Velvet Blues Update URLs’ and ‘Better Search Replace’. In the wp-admin I can see all the icons, but once I want to see it on the site, I don’t see the icons. In Chrome I see just squares and in Edge I see nothing.
I have also changed my wp-config.php and defined both URL’s.Could you please help me out in retrieving the icons back to the site?
Cheers,
Nataliya


