Tagged: ,

Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #341028

    I’ve recently installed Enfold on an existing WP-based website which has been running for almost 5 years and has loads of legacy content. Generally it’s gone well, however I encountered a problem as the (fontello-based) icons are not displaying correctly on the main live site now I’ve switched themes and gone live with Enfold. I’m getting boxes instead of the correct icons, which might suggest a CORS / CDN issue of some sort.

    I did the dev work on another server (on a different host too). Different workflow to my normal one: normally I do the dev work on the same server on a new directory, then put a redirect in place; or i’m creating a new site from scratch.

    It was a slightly challenging dev process as a standard WP dump from the existing site was way too big for WP Import to handle. Also content is regularly added and updated on the existing live site so I had to work with a subset of all data & content.

    Once I was happy with the design and layout I then exported the Enfold settings, before importing it into my Enfold Child theme on the main server. I then set up most functions and structures just fine. The only issue I spotted is with these icons.

    It’s too late to use a plugin like WP MigrateDB or WP MigrateDB PRO as the main client site is now live and can’t be reverted. What I need to do is map the correct links to point to the Fontello font set on the main server (whether that’s via the DB or something else I’m not sure)

    I guess there are cross domain issues. I have gone through old threads on the support forum, and tried a bunch of tips but nothing has sorted it (these have included some Quick CSS, .htaccess changes and more).

    I’m no coder, and don’t like digging around too much with files. modifying code and I don’t want to break something which is mostly working. However I do need to get this sorted pretty soon.

    I am hoping it’s a quick fix. Happy to provide logins for mods if this helps find a solution; please private reply. Thanks very much in advance :D

    #341248
    #341251
    This reply has been marked as private.
    #341253
    This reply has been marked as private.
    #342025

    Hi!

    Looks like you’re using CDN. Please try to purge the cache then test it again. If you have any minify settings enabled, try to disable it.

    Cheers!
    Ismael

    #342160
    This reply has been marked as private.
    #342742
    This reply has been marked as private.
    #343794

    This is still unresolved, despite trying all the suggestions made so far. I’d be grateful for some more assistance please. Many thanks.

    #344523

    Hey!

    Sorry for the delay. If possible, we kindly ask you to refrain from bumping the thread. We answer questions from oldest to newest, bumping makes it appear new and it will probably take us longer to respond on your inquiry. Replies in the forum can take up to 24 hours during the week, but oftentimes we are able to get to questions much quicker than that. We request that our users wait patiently while we work our way through the forum as we can assure you that all questions will be addressed as soon as possible .Please post the login details here. We would like to check it. We would like to deactivate the plugins while working on the site if that’s ok.

    Regards,
    Ismael

    #344548
    This reply has been marked as private.
    #344568

    I’ve had a similar sounding problem. In my case the site tested fine on example.wpengine.com behind a ‘Coming Soon’ page, but when example.wpengine.com was redirected to the clients new domain name, the fonts disappeared. The problem can be toggled on and off with the redirect, and searching within the database you’ll find the theme has placed the old URLs in the database.

    Can this be added to the fix list please?

    #344579

    There are quite a lot of places where the theme or layerslider have added the old URL to the database. I’ve not experienced this problem with a theme before. Would be good to hear whether the team will address this going forward as from my perspective, and probably for a number of other customers this makes the theme less useable.

    #344580

    Hi Sandie, that’s interesting, and I’m glad (well, sort of) that I’m not the only one who’s encountered this issue.

    Where in the database can these links be found? I’m nervous about editing database stuff but if it’s a case of changing a few URLs to point to the appropriate server then I guess I could give it a go.

    Thanks for your experience and input!

    #344581

    I’m a complete n00b when it comes to MySQL but is there anyway you can run a GREP-type find and replace on database files to review and change Fontello-specific URLs?

    #344583

    In the wp_options table take a look at avia_options_enfold_child. One of the records has a bunch of full URLs in it relating to icons.

    Try https://interconnectit.com/products/search-and-replace-for-wordpress-databases/

    #345010

    Just tried adding another font, downloaded from Fontello, via the Icon Font Manager, as outlined here
    http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/

    Same issue, fonts still show up as the hollow square block icon, so I am guessing there is some kind of weird issue where the uploaded file’s path or location is not mapped correctly.

    Sandie, thanks again for your input. I had a look through wp_options but there were no URLs relating to the font resource locations. One mention of ‘iconfont’ and that was it… so not option for me to manually update any paths. I’m still drawing a blank on why this is an issue. Back to the drawing board I guess!

    #345017

    Well I’m only another end-user but I suspect those URLs are in that record. Depending upon how you viewed the records in the options table, you may not have realised just how much information is in them. If you just run your eye down the table column looking for a URL you won’t spot them. Did you text search the individual records?

    #345155

    That’s interesting; i have looked at the avia_options_enfold_child records. Below is an obfuscated / depersonalised copy of it. I can’t see any reference to filepaths / URLs for the iconfont in here.

    I’ve also checked avia_options_enfold and the only paths in that record point (correctly) for social icons (labelled pr-icons). Unless I’m missing something in phpMyAdmin I’m still not sure what record the iconfont filepaths can be found in…

    Interestingly after uploading the test Fontello icons a new record was added, called avia_builder_fonts. No URL or filepath in it though.

    a:1:{s:4:"avia";a:136:{s:9:"frontpage";s:4:"8375";s:9:"undefined";s:17:"Use Image as logo";s:8:"blogpage";s:0:"";s:4:"logo";s:97:"http://xxx/wp-content/uploads/2014/11/logo.png";s:7:"favicon";s:0:"";s:15:"websave_windows";s:6:"active";s:6:"markup";s:0:"";s:15:"lightbox_active";s:15:"lightbox_active";s:9:"analytics";s:13:"UA-50676214-1";s:16:"color-body_style";s:9:"stretched";s:15:"header_position";s:10:"header_top";s:20:"layout_align_content";s:20:"content_align_center";s:18:"sidebarmenu_sticky";s:18:"conditional_sticky";s:19:"sidebarmenu_widgets";s:0:"";s:18:"sidebarmenu_social";s:8:"disabled";s:17:"responsive_active";s:17:"responsive_active";s:15:"responsive_size";s:6:"1130px";s:13:"content_width";s:2:"73";s:14:"combined_width";s:3:"100";s:12:"color_scheme";s:4:"Blue";s:24:"colorset-header_color-bg";s:7:"#f4f3ee";s:25:"colorset-header_color-bg2";s:7:"#f4f3ee";s:29:"colorset-header_color-primary";s:7:"#740d1d";s:31:"colorset-header_color-secondary";s:7:"#a5a549";s:27:"colorset-header_color-color";s:7:"#282629";s:28:"colorset-header_color-border";s:0:"";s:25:"colorset-header_color-img";s:6:"custom";s:33:"colorset-header_color-customimage";s:88:"http://xxx/wp-content/uploads/2014/11/header.png";s:25:"colorset-header_color-pos";s:11:"bottom left";s:28:"colorset-header_color-repeat";s:6:"repeat";s:28:"colorset-header_color-attach";s:6:"scroll";s:22:"colorset-main_color-bg";s:7:"#f4f3ee";s:23:"colorset-main_color-bg2";s:7:"#f4f3ee";s:27:"colorset-main_color-primary";s:7:"#a5a549";s:29:"colorset-main_color-secondary";s:7:"#a5a549";s:25:"colorset-main_color-color";s:7:"#282629";s:26:"colorset-main_color-border";s:7:"#f4f3ee";s:23:"colorset-main_color-img";s:0:"";s:31:"colorset-main_color-customimage";s:0:"";s:23:"colorset-main_color-pos";s:8:"top left";s:26:"colorset-main_color-repeat";s:6:"repeat";s:26:"colorset-main_color-attach";s:6:"scroll";s:27:"colorset-alternate_color-bg";s:7:"#f4f3ee";s:28:"colorset-alternate_color-bg2";s:7:"#f4f3ee";s:32:"colorset-alternate_color-primary";s:7:"#a5a549";s:34:"colorset-alternate_color-secondary";s:7:"#a5a549";s:30:"colorset-alternate_color-color";s:7:"#282629";s:31:"colorset-alternate_color-border";s:7:"#f4f3ee";s:28:"colorset-alternate_color-img";s:0:"";s:36:"colorset-alternate_color-customimage";s:0:"";s:28:"colorset-alternate_color-pos";s:8:"top left";s:31:"colorset-alternate_color-repeat";s:9:"no-repeat";s:31:"colorset-alternate_color-attach";s:6:"scroll";s:24:"colorset-footer_color-bg";s:7:"#ffffff";s:25:"colorset-footer_color-bg2";s:7:"#f8f8f8";s:29:"colorset-footer_color-primary";s:7:"#740d1d";s:31:"colorset-footer_color-secondary";s:7:"#a5a549";s:27:"colorset-footer_color-color";s:7:"#282629";s:28:"colorset-footer_color-border";s:7:"#f4f3ee";s:25:"colorset-footer_color-img";s:0:"";s:33:"colorset-footer_color-customimage";s:0:"";s:25:"colorset-footer_color-pos";s:8:"top left";s:28:"colorset-footer_color-repeat";s:9:"no-repeat";s:28:"colorset-footer_color-attach";s:6:"scroll";s:24:"colorset-socket_color-bg";s:7:"#ffffff";s:25:"colorset-socket_color-bg2";s:7:"#f8f8f8";s:29:"colorset-socket_color-primary";s:7:"#719430";s:31:"colorset-socket_color-secondary";s:7:"#8bba34";s:27:"colorset-socket_color-color";s:7:"#666666";s:28:"colorset-socket_color-border";s:7:"#f4f3ee";s:25:"colorset-socket_color-img";s:0:"";s:33:"colorset-socket_color-customimage";s:0:"";s:25:"colorset-socket_color-pos";s:8:"top left";s:28:"colorset-socket_color-repeat";s:9:"no-repeat";s:28:"colorset-socket_color-attach";s:6:"scroll";s:16:"color-body_color";s:7:"#eeeeee";s:14:"color-body_img";s:0:"";s:22:"color-body_customimage";s:0:"";s:14:"color-body_pos";s:8:"top left";s:17:"color-body_repeat";s:9:"no-repeat";s:17:"color-body_attach";s:6:"scroll";s:14:"google_webfont";s:0:"";s:12:"default_font";s:32:"Helvetica-Neue,Helvetica-websave";s:9:"quick_css";s:59:".big-preview, .small-preview {
    display: none !important;
    }
    ";s:16:"advanced_styling";a:3:{i:0;a:6:{s:2:"id";s:9:"main_menu";s:5:"color";s:7:"#740d1d";s:16:"background_color";s:0:"";s:9:"font_size";s:4:"12px";s:11:"font_family";s:0:"";s:12:"hover_active";s:8:"disabled";}i:1;a:11:{s:2:"id";s:2:"h1";s:5:"color";s:0:"";s:16:"background_color";s:0:"";s:9:"font_size";s:4:"40px";s:11:"line_height";s:0:"";s:11:"font_family";s:0:"";s:12:"header_color";s:4:"true";s:10:"main_color";s:4:"true";s:15:"alternate_color";s:4:"true";s:12:"footer_color";s:4:"true";s:12:"socket_color";s:4:"true";}i:2;a:11:{s:2:"id";s:2:"h2";s:5:"color";s:7:"#282629";s:16:"background_color";s:0:"";s:9:"font_size";s:4:"36px";s:11:"line_height";s:0:"";s:11:"font_family";s:0:"";s:12:"header_color";s:4:"true";s:10:"main_color";s:4:"true";s:15:"alternate_color";s:4:"true";s:12:"footer_color";s:4:"true";s:12:"socket_color";s:4:"true";}}s:13:"header_layout";s:36:"logo_left main_nav_header menu_right";s:11:"header_size";s:6:"custom";s:18:"header_custom_size";s:3:"156";s:16:"header_title_bar";s:16:"hidden_title_bar";s:13:"header_sticky";s:13:"header_sticky";s:16:"header_shrinking";s:16:"header_shrinking";s:14:"header_stretch";s:8:"disabled";s:17:"header_searchicon";s:8:"disabled";s:13:"header_social";s:0:"";s:21:"header_secondary_menu";s:0:"";s:19:"header_phone_active";s:0:"";s:5:"phone";s:0:"";s:23:"header_replacement_logo";s:0:"";s:23:"header_replacement_menu";s:0:"";s:24:"header_mobile_activation";s:17:"mobile_menu_phone";s:22:"header_mobile_behavior";s:8:"disabled";s:14:"archive_layout";s:8:"fullsize";s:11:"blog_layout";s:8:"fullsize";s:13:"single_layout";s:8:"fullsize";s:11:"page_layout";s:8:"fullsize";s:19:"smartphones_sidebar";s:8:"disabled";s:16:"page_nesting_nav";s:16:"page_nesting_nav";s:22:"display_widgets_socket";s:3:"all";s:14:"footer_columns";s:1:"4";s:9:"copyright";s:128:"©2009-2014 xxx. All rights reserved.[nolink]";s:13:"footer_social";s:13:"footer_social";s:10:"blog_style";s:10:"single-big";s:17:"single_post_style";s:9:"multi-big";s:27:"single_post_related_entries";s:24:"av-related-style-tooltip";s:16:"blog-meta-author";s:16:"blog-meta-author";s:18:"blog-meta-comments";s:8:"disabled";s:18:"blog-meta-category";s:18:"blog-meta-category";s:14:"blog-meta-date";s:14:"blog-meta-date";s:19:"blog-meta-html-info";s:19:"blog-meta-html-info";s:13:"blog-meta-tag";s:13:"blog-meta-tag";s:14:"share_facebook";s:14:"share_facebook";s:13:"share_twitter";s:13:"share_twitter";s:15:"share_pinterest";s:15:"share_pinterest";s:11:"share_gplus";s:11:"share_gplus";s:12:"share_reddit";s:12:"share_reddit";s:14:"share_linkedin";s:14:"share_linkedin";s:12:"share_tumblr";s:12:"share_tumblr";s:8:"share_vk";s:8:"disabled";s:10:"share_mail";s:10:"share_mail";s:12:"social_icons";a:3:{i:0;a:2:{s:11:"social_icon";s:7:"twitter";s:16:"social_icon_link";s:33:"http://twitter.com/xxx";}i:1;a:2:{s:11:"social_icon";s:9:"instagram";s:16:"social_icon_link";s:35:"http://instagram.com/xxx";}i:2;a:2:{s:11:"social_icon";s:9:"pinterest";s:16:"social_icon_link";s:40:"http://www.pinterest.com/xxx/";}}s:17:"avia-nonce-import";s:10:"8aa1eb1197";s:24:"avia-nonce-import-parent";s:10:"9cbec13095";s:18:"config_file_upload";s:0:"";s:15:"iconfont_upload";s:0:"";s:16:"updates_username";s:11:”xxx";s:15:"updates_api_key";s:32:”xxx";}}
    #345721

    Hey!


    @antilimited
    : Is it possible for you to create a test site from the dev site? This time, please use this plugin to transfer the website: WP MigrateDB or WP MigrateDB PRO

    Refer to this link on how to properly transfer the site from development to production vice versa:

    http://kriesi.at/documentation/enfold/move-from-a-local-installation-to-a-live-server/
    https://code.tutsplus.com/tutorials/migrating-your-wordpress-database-wp-migrate-db-production-to-development–wp-32684

    Cheers!
    Ismael

    #345773
    This reply has been marked as private.
    #345826

    Hi!

    Alright. After a few minutes of inspection, it does not seem to be a database issue. For some reason, the website fails to load the icon fonts. The error from the chrome console shows that the font icons are missing as I have mentioned before. I should have said not accessible. There’s a chance that the site can’t pull icon font files because access is forbidden. Please check if all file and folder permissions are correct. If you didn’t change or modify the parent theme files, please delete the entire wp-content/themes/enfold/ folder and upload the uncompressed enfold folder from your hard drive.

    No, I didn’t deactivate the plugins because I don’t see any unusual or uncommon modules on the plugins panel.

    Best regards,
    Ismael

    #345859
    This reply has been marked as private.
    #346501

    Hi!

    Thank you for the update. Yes, those are the errors but I didn’t see the jetpack error before. Have you tried disabling jetpack? And now, I’m seeing another kind of error.

    Failed to load resource: the server responded with a status of 503 (Service Temporarily Unavailable) http://www.northsouthfood.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff?v=3
    Failed to load resource: the server responded with a status of 503 (Service Temporarily Unavailable) http://www.northsouthfood.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf?v=3

    Please add this on functions.php to remove the version number of the entypo font files. Another user reported that this string prevents the font files from being cache by cdn:

    add_filter('avf_default_iconfont','avia_change_default_icon_font_para', 10, 1);
    function avia_change_default_icon_font_para($fonts)
    {
    $fonts['entypo-fontello']['append'] = '';
    return $fonts;
    }

    Best regards,
    Ismael

Viewing 23 posts - 1 through 23 (of 23 total)
  • The topic ‘Fontello icons not showing after exporting theme setting from dev to live server’ is closed to new replies.