I am working to optimize my site.I am launching the site as a SEO specialist, and it would behoove me to have a fast loading optimized site.
I have tried a TON of plugins, with combinations, exclusions, etc- and none of them work. Most of them break the theme- it seems the theme CSS cannot be minified or the header or footer without things not working correctly. Using Async on the JS causes the icons and bars to not load correctly.
The best configuration I have seen yet is to use W3 Total Cache and disable all Minify. Then to use Asynchronous Javascript plugin and exclude jquery and some LayerSlider jQuery handles such as : layerslider_js,transit,layerslider_transitions,jquery_easing
Can you perhaps recommend an exact plugin configuration to use with Enfold that will do the following:
minify/compress CSS
minify/compress JS
Load JS asynchronously
Not break bars, icons, and animations
If you need to see the site it is https://www.virginiaseo.org and you can also run PageSpeed Insights and it will show you a score of 70 on mobile and 88 on desktop. While this is great, I think it has room for improvement.
I can also for sure way it is the theme and how the plugins interact with it- I set up another site using the theme Dixit and the W3 Total Cache with minifies enabled and it works just great. For the life of me I cannot get any minify to work with Enfold.
Thanks in advance for the help!!
Hi docperi!
Is this with Enfold 2.5? I know Kriesi was working on updating the effect to work on iPads but the last time we had a discussion about it he wasn’t able to add the same effect on iPads quite yet so they would fall back to being fixed for now.
Cheers!
Devin
Hey!
Can you post the link to your Enfold website?
Cheers!
Yigit
Hi wholereneducation!
LayerSlider shortcode does not work on Enfold. You should create your slider and then add Advanced Layer Slider element to your page in Avia Layout Builder and simply choose the slider you have created http://i.imgur.com/N0WfGj2.jpg
Regards,
Yigit
I did some more playing around and determined that the issue occurs when using the button shortcode in an icon box and pick a single page…
It fails to add page, before the number in the link… should be page,77 … see below…
[av_button label='Click me' link='77' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='ue800' font='entypo-fontello']
hi there,
i got a promo box in a 1/2 Column and the result dont looks pretty to me.
Has someone an idea how to fix it? thx
See it:

-
This topic was modified 12 years, 2 months ago by
docperi.
blogger.com for social-profiles in header would be very nice..
Hi there,
i made some modifications to my main-menu. Seems to work fine. But i got one bug: I set to my .main_menu ul:first-child > li a a margin-top of 20px. Now this margin works in all submenus too …. Further: i would like to integrate bottom lines of each ” li a” in my submenu. Is it possibible to edit like first-child a last-child? Cause i dont want a line under the last sub-menu item.
Many thanks for possible help & fixes :-)
A picture to show my problem:

Here are the modifications in my Custom-CSS:
#header_main .container{
height:120px;
line-height: 120px;
}
.fixed_header #main {
padding-top: 90px;
}
.logo, .logo a, .logo img {
max-height: 90px!important;
}
#header_main .container {
height: 80px!important;
line-height: 80px!important;
}
.header_color .main_menu .menu ul li a:hover{
color:#009ee3;
background-color:#e5f5fc;
}
.main_menu ul:first-child > li a {
height: 40px!important;
line-height: 40px!important;
margin-top:20px;
}
.main_menu ul:first-child > li .submenu ul li a {
height: 20px!important;
line-height: 20px!important;
margin:0px;
}
`
-
This topic was modified 12 years, 2 months ago by
docperi.
Hey!
Please use this plugin: http://wordpress.org/plugins/insert-html-snippet/ to insert raw js or css code into the text box. Our theme uses the wpautp() function to sanitize the text content and maybe it does not interpret your raw code properly.
Best regards,
Peter
Hi!
Glad you found the cause of the php warning :)
Best regards,
Peter
Hi Josue, no, thats not my case.
I have a bulk of PDFs which are for download one by one. I tried using some ways collecting them and I like use as much design as possible. So I created from each PDF a small JPEG from frontpage which shall preview the PDF and linked to it.
I tried portfolio which is good, put a featured image into each and linked that to the PDF. But if I use the portfolio element in a collecting page for showing the correspondent items, I may use behaviors in case were the item is opend: in a lightbox for example or in a new window (which doesn’t work – it opens in same window – the user leaves my site). Is it a bug?
The other way I tried was using on page the avia element image, which can be linked too. That works fine, opens in a new window. But in this case my trouble is in selecting uploaded images in the media browser. My previews do have all the same title because it is a series. In this case Enfold uses the kind of media browser which is used if I select a featured image – it has a limited content/metadata view. I see only title and alternate text if I click in media browser on a thumbnail. But selecting here the right preview is not possible. Thats what I mention.
Hey penumbra!
If you want to disable the lightbox with a child theme add following code to the functions.php file
/*
* Register frontend javascripts:
*/
if(!is_admin())
{
add_action('wp_enqueue_scripts', 'avia_register_child_frontend_scripts', 100);
}
function avia_register_child_frontend_scripts()
{
$child_theme_url = get_stylesheet_directory_uri();
wp_dequeue_script('avia-prettyPhoto');
wp_dequeue_style('avia-prettyP');
wp_dequeue_style('avia-custom');
//register js
wp_register_script( 'avia-default-child', $child_theme_url.'/js/avia.js', array('jquery'), 1, false );
}
Then create a “js” folder within the child theme folder (i.e. enfold_child\js) and create an avia.js file with the folder. Open up the file and insert this code
function avia_lightbox_callback(elements,ww,wh){
(function($){
elements.each(function()
{
var el = $(this);
if(!el.hasClass('noLightbox'))
{
el.addClass('lightbox');
}
});
jQuery('a.lightbox').on('click', function() { return false; });
})(jQuery);
}
Regards,
Peter
Hey!
If you turn on debug mode for the Advanced Layout Builder you can see the raw shortcode output and then copy and paste it into the same field on the new site.
See: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Regards,
Devin
Hey!
See: http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/
Then you can have your own folder within the child theme for shortcode replacement.
Best regards,
Devin
This reply has been marked as private.
Just updated. Worked fine for me.
This reply has been marked as private.
I’d be surprised if you didn’t have the same error once you updated your theme but my earlier post did seem to make everything better for me. So I am running the update with no issues since my fix. This is a godaddy issue and they haven’t even responded to my inquiry as of yet.
This is exactly what I am looking for, but not sure how to create the links for the “button.” I had originally been using text in the “Phone Number or small info text” area under the Enfold Header area. When add that CSS code and then turn on the Secondary Menu it shows up as the same font as the main menu.
Hey!
What do you mean by switch order? You can arrange the order of the menu items on Appearance > Menus panel. Create a new menu then set it as Enfold Secondary Menu on Theme Locations option.
Best regards,
Ismael
Thank you Josue!
I have been able to add a dynamic link to the full portfolio item by editing lines 606-608 like this:
$output .= "<span class='avia-arrow'></span>";
$output .= "<p class='read-more-portfolio' $markup><a href='{$link}'>More About This Project</a></p>";
$output .= "</div>";
But I have only been able to get the change to render if I edit the parent theme (Enfold). I can’t get it to render by uploading the config-templatebuilder and avia-shortcodes and portfolio.php into my child theme (hoping they would override the parent).
Can you tell me how I can make these changes to my child theme to leave the core intact?
Here’s a thumbnail of how it looks in my child theme. See the ‘More About This Project’ text.
-
This reply was modified 12 years, 2 months ago by
GRAPHICpilot.
Hey!
I guess you are referring to the lightbox opening, please refer to this topic in order to disable it in certain images: http://kriesi.at/documentation/enfold/prevent-image-or-link-from-opening-in-a-lightbox/
Best regards,
Josue
config-templatebuilder/avia-shortcodes/portfolio.php, around line 551.
Cheers!
Josue
I was just giving an example of what I might do with the button. Please disregard the button idea… I might put a line of text there.
What I’m more concerned with is the location of the template for the AJAX portfolio preview.
-
This reply was modified 12 years, 2 months ago by
GRAPHICpilot.
Hey Ric!
I performed a quick test locally and couldn’t reproduce the issue, the Editor can see and alter those checks. Please make sure you have both Enfold and WordPress up to date.
Cheers!
Josue
Typically working with WooCommerce goes like this: http://kriesi.at/documentation/enfold/quick-start-with-woocommerce/
If it doesn’t then checking through all the other variables with server, plugins etc is the best place to look.
Hey Mark!
I couldn’t reproduce this issue on my local installation, can you create an administrator account and post it here as a private reply?
Cheers!
Josue
Yeah i understand what you want, but i couldn’t locate this “Read & See More” link you are referring to (i guessed it was the ‘View Entry’ button), if you could provide a screenshot or a link to the portfolio where this link appears, that would be helpful.
Regards,
Josue
Josue,
Let me ask this a different way:
In what Enfold template file is the AJAX portfolio preview markup in? I want to edit that myself in my child theme.
I know how to edit the previews using the Advanced Layout Editor and how to use shortcodes. I am a developer inquiring about where something is located that I need to edit.
Thanks again,
Kyler