Hello Ismael,
Can you please help me what would i put on the code below to activate a css code when a certain tab is open/active :
if($.fn.avia_sc_tabs)
{
$(‘.top_tab’, container).avia_sc_tabs();
$(‘.sidebar_tab’, container).avia_sc_tabs({sidebar:true});
}
Thanks,
Carlo
Hey draig,
We are not aware how the 3rd party plugins work. It is best to contact the plugin author as they know their plugins best or to use an alternate plugin please check our list of recommend plugins https://kriesi.at/support/topic/recommended-plugins/
Best regards,
Vinay
Hey Marsha,
Thank you for using Enfold.
This is the default behaviour of the parent menu item when you hide the sub menu items. We can add a link beside the “parent menu item” but I’m not sure if you will like it. Add this in the functions.php file:
// add go to link
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script>
(function($){
var $html = $('html');
$('#mobile-advanced .menu-item-has-children.menu-item-top-level > a').each(function() {
$(this).append('<span class="mega-goto-link">Go to this page</a>');
});
$html.on('click', '.mega-goto-link', function() {
var href = $('.mega-goto-link').parent('a').attr('href');
window.location.href = href;
});
})(jQuery);
</script>
<?php
}
And the following code in the Quick CSS field:
.mega-goto-link {
font-size: 11px;
position: absolute;
right: 50px;
cursor: pointer;
}
@media only screen and (min-width: 989px) {
.mega-goto-link {
display: none;
}
}
Best regards,
Ismael
Hi,
Yes, we understand, unfortunately, we can’t reproduce the issue on our end and we can’t find any errors which makes it more difficult to debug. Another workaround is to add the youtube url directly in the Visual Editor: https://www.youtube.com/watch?v=u0uPmrSRM7w
We added this code in the functions.php file to add the youtube parameter:
add_action('wp_footer', 'ava_iframe_parameters');
function ava_iframe_parameters(){
?>
<script>
(function($){
$(window).load(function() {
// -------------------------------------------------------------------------------------------
// youtube parameter
// -------------------------------------------------------------------------------------------
function avia_iframe_parameters(container)
{
var iframe = jQuery('iframe[src*="youtube.com"]:not(.av_youtube_frame)', container),
youtubeEmbed = jQuery('iframe[src*="youtube.com"]:not(.av_youtube_frame) object, iframe[src*="youtube.com"]:not(.av_youtube_frame) embed', container).attr('wmode','opaque');
iframe.each(function()
{
var current = jQuery(this),
src = current.attr('src');
if(src)
{
if(src.indexOf('?') !== -1)
{
src += "&autoplay=1&showinfo=1";
}
else
{
src += "&autoplay=1&showinfo=1";
}
current.attr('src', src);
}
});
}
avia_iframe_parameters('body');
});
})(jQuery);
</script>
<?php
}
Results here: http://www.elamasikuntoon.fi/test-2/
Best regards,
Ismael
Hey Workoutgalaxy,
Thank you for using Enfold.
1.) Please follow the instruction here: https://kriesi.at/support/topic/trouble-with-cart-icon-on-mobile/#post-631242
2.) The secondary menu looks white. Could you please provide a screenshot? Try to edit the menus in the Advanced Styling panel or manually modify the styling in the Quick CSS Field.
3.) Add this in the Quick CSS field to fix the logo on smaller screens:
@media only screen and (max-width: 767px) {
.responsive .logo img {
max-height: 60px;
}
}
4.) Edit the layer then go to the attributes panel. Apply a custom class or id to the layer then modify the style in the Quick CSS field. Use css media queries to target mobile devices or smaller screens: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
This might help: http://kriesi.at/archives/wordpress-developers-your-complete-guide-to-conquering-css-in-2016
Best regards,
Ismael
Hi,
Unfortunately, you can’t do this modification in a child theme, actually, there is a way but it’s really not “update-proof”. Is this working when you edit the actual avia.js file in the parent theme folder? The NOT “update-proof” avia.js: https://kriesi.at/support/topic/js-child-theme-problem/#post-633526
Best regards,
Ismael
OK, thanks! Sending now in private section … Also have another question on the same page (let me know if I need to start a new post :) I want to use the posting slider, however, I want to only put the title below it (not the taxonomy) as is showing now. Is there somewhere in the documentation that I can change this section of code (in a child theme)? To see what I’m talking about, please scroll down on that page to FEATURED LISTINGS, the post slider is the top row and a plugin shortcode is the row below. I’m trying to get the same effect as what’s below, but using the scroll feature. Thanks very much!
Hi,
If that’s the case, you may need to import the demo manually. A simple instructions can be found here: https://kriesi.at/support/topic/enfold-theme-3-5-4-wordpress-4-5-only-church-demo-being-unsuccessful/#post-631149
Best regards,
Ismael
Hi,
Looks like this is a common issue with the plugin:.
https://wordpress.org/support/topic/vimeography-error-the-request-to-vimeo-failed-unknown-response-status-403-you
We even found a site which might be having the same issue: http://pathwayvineyard.com/brunswick/media-sermon-archive/
Unfortunately, we don’t provide support for third party plugins as stated on our support policy. You will have to contact the plugin author regarding the problem.
Best regards,
Ismael
Hi,
You might want to review this article: https://yoast.com/duplicate-content/#rel-canonical
If you need any help regarding SEO topics, please contact these guys: http://kriesi.at/contact/customization
Best regards,
Ismael
Hi,
I see. Please try this in the Quick CSS field:
#top #main #custom-section .template-page {
height: 100%;
display: block;
}
If it doesn’t work, please contact the plugin author, maybe he has any other idea.
Best regards,
Ismael
Hello I just updated the theme and the short codes for event espresso stopped working. Verified it was the theme, by deactivating all plugins and switching themes.
Any thoughts?
Hi,
I am building a custom form, that has sub-headings. For the sub-headings I am using Custom HTML form elements, and giving the sub-headings an H4 tag. I also gave my form a custom css name. So I am trying to add margin-top to my element using employment-form .av-form-text:
<div id="avia_2_1" class="av-form-text"><h4>Personal Information</h4>
</div>
This works on first sub-heading, but not on the second, so I am a bit confused by that.
Thanks for your help
Hi, my name is Mattia, I’m new to wordpress and I bought Enfold yesterday to try to make things easier…..sorry in advance for my bad english. I think with the theme thing would be simple but at the begining when I insert the logo of my company it result pixelated and not clear but if I open the image in the desktop It is clear also at a much large image, hope you understand me. I try to ask for a refund because I have little time now to learn how to resolve problem and I bought the theme for this, but refund was refused.
Please someone can help me understand the problem? Many thanks
The image I have fits perfectly in desktop version. But when it come to mobile device, the right part of the image which has the main part of it, is hidden and only a plain background on the right part is shown.
Is there any way to define a focus point for mobile version so when the page is loaded in mobile device, that section of the photo can be shown?
FINALLY found a solution!
“I have fixid this spinning issues before you need to try deactivate/Active all your wordpress plugins, after the follow steps:
Go to this page(template-builder.class.php) located at : /themes/enfold/config-templatebuilder/avia-template-builder/php/template-builder.class.php goto line 187 or find script
wp_enqueue_script(‘avia_element_js’ , $this->paths[‘assetsURL’].’js/avia-element-behavior.js’ , array(‘avia_builder_js’), $ver, TRUE );
Comment this line
//wp_enqueue_script(‘avia_element_js’ , $this->paths[‘assetsURL’].’js/avia-element-behavior.js’ , array(‘avia_builder_js’), $ver, TRUE );
And go to wordpress browser refresh your page where you caught error(continues spinning) in dashboard editable page. after refreshing the page it will loads the page without spinning, and again uncomment script line(revert back what changes done) and refresh again then you will load editable page without continues page spinning.”
https://wordpress.org/support/topic/error-cannot-call-methods-on-sortable-prior-to-initialization-attempted-to-cal
Hey buddyq,
Once you enable debug mode as mentioned here http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Go ahead and add any element from advanced layout builder to see it’s shortcode in the area below as shown in the below screenshot.

Below is the shortcode for pricing table you can copy and paste it in the debug area and save the page to view the pricing table.
[av_section color='alternate_color' custom_bg='' src='' position='top left' repeat='no-repeat' attach='scroll' padding='default' shadow='no-shadow']
[av_table purpose='pricing' caption='']
[av_row row_style='avia-heading-row'][av_cell col_style='']Private Plan[/av_cell][av_cell col_style='avia-highlight-col']Business Plan[/av_cell][av_cell col_style='']Mega Plan[/av_cell][/av_row]
[av_row row_style='avia-pricing-row'][av_cell col_style='']10$
<small>per month</small>[/av_cell][av_cell col_style='avia-highlight-col']20$
<small>per month</small>[/av_cell][av_cell col_style='']50$
<small>per month</small>[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']1 GB Bandwidth[/av_cell][av_cell col_style='avia-highlight-col']10 GB Bandwidth[/av_cell][av_cell col_style='']Unlimited Bandwidth[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']10 MB Max File Size[/av_cell][av_cell col_style='avia-highlight-col']50 MB Max File Size[/av_cell][av_cell col_style='']No Maximum File Size[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']3 GHZ CPU[/av_cell][av_cell col_style='avia-highlight-col']5 GHZ CPU[/av_cell][av_cell col_style='']5 GHZ CPU[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']256 MB Memory[/av_cell][av_cell col_style='avia-highlight-col']1024 MB Memory[/av_cell][av_cell col_style='']4 GB Memory[/av_cell][/av_row]
[av_row row_style='avia-button-row'][av_cell col_style=''][av_button label='Get Private Plan' link='manually,http://' link_target='' color='theme-color-subtle' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='25']
[/av_cell][av_cell col_style='avia-highlight-col'][av_button label='Get Business Plan' link='manually,http://' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='29']
[/av_cell][av_cell col_style=''][av_button label='Get Mega Plan' link='manually,http://' link_target='' color='theme-color-subtle' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='44']
[/av_cell][/av_row]
[/av_table]
[/av_section]
Best regards,
Vinay
Hi,
I saw that you have added following line to functions.php file as well
if(isset($avia_config['use_child_theme_functions_only'])) return;
It is already in functions.php file, i removed your code, searched for the mentioned line which is near top and added the code right below it, but while updating the file whole functions.php went blank.
Please overwrite all files via FTP – http://kriesi.at/documentation/enfold/updating-your-theme-files/. If you would like me to do it, please post FTP credentials here as well.
I am always super careful when editing files, i am pretty sure it is not something i did but i am so sorry for the inconvenience nevertheless!
Edit: I switched to default theme for now. I tried copying content of functions.php file from a fresh installation but it is not saving the code.
Best regards,
Yigit
-
This reply was modified 9 years, 10 months ago by
Yigit.
I have searched the threads and don’t see a fix. Currently it looks like I have MOST of the shortcodes installed. However, I do not seem to have the pricing table shortcode for some reason. Not sure. I have read this thread:
https://kriesi.at/support/topic/where-is-a-complete-list-of-available-enfold-shortcodes/
Hey guys,
I love the way my site looks on desktop but it doesn’t translate to mobile well.
site: http://www.ccyran.com
My issues,
– It shrinks everything down to fit the screen size instead of being responsive
– I don’t like that it’s showing the arrows. It’s covering the work.
*Is there a way where the work can all be aligned in one grid?* Instead of the 3 column, 1 column, 3 column, etc. format that I have on desktop.*
Thanks guys! I appreciate the steady support.
Ok to add to the issue:
So to get on with building the site while waiting for ideas: I thought i would just copy the spinning pages information from our live site over to the demo site I followed the documentation- Turning on debug mode and copying the info over as per below.
There’s no import/export function at the moment. You can use a tool like: WP MIGRATE DB to clone the entire database (including the templates) or you can activate the debug mode: https://kriesi.at/support/topic/conditional-shortcode-around-layout-objects#post-138555 and copy the template content from the “debug window” into the TinyMCE editor field (html mode) of the other website/page.
Copied it over and added it to a brand new page>press save and again just get a spinning wheel. On the front end its copied over but looks a bit messed up.
I used the exact copied page information into another live enfold site i have thats working and saved the page there and that works fine, page loads in admin and all the advanced elements are perfect and the front end page also is a direct copy of the site i took it from..
However this demo site gives a spinning wheel.
We have tried everything you guys have suggested and now this too, nothings work.. Any ideas are welcome
Many thanks
Hey axlright!
That would brake the grid, I am afraid.
Please take a look here
that will help you solve any issues.
Thanks a lot for
Regards,
Basilis
Hi @ enfold,
i have customized the image lightbox so that the images have an white border.
img.mfp-img {
border: 10px solid white;
padding: 0px;
margin-top: 40px;
}
Looks great, but because of the margin-top the image does not fit to the screen anymore, the bottom is cropped.
Any idea?
Best Regards
Sigmund
Hello –
Is it possible to have a row with two columns where the right column stacks on top in mobile? The standard behavior is that the left column stacks on top. Wondering if there’s a way to reverse this for some rows.
Thanks,
-Alex
Hi –
I’m using some custom map marker icons and trying to display them larger. You have settings for 40×40 through 80×80, but selecting 80×80 still display the icons at 40×40.
Below is the HTML that I’m seeing even though I’ve set the Custom Map Marker Image Size to be 80px*80px. All the images are PNGs uploaded at 225×225 or larger.
Any tips?
Thanks,
-Alex
<div class="gmnoprint" title=" 266 Evans Road" style="width: 40px; height: 40px; overflow: hidden; position: absolute; opacity: 0.01; cursor: pointer; left: 119px; top: 367px; z-index: 407;"><img src="http://localhost:8888/wp-content/uploads/2016/05/NEOgas-logo-square-map-marker-white-225x225-80x80.png" draggable="false" style="position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div>
Hi,
do you have the Wordfence Security plugin installed? If so, try disabling that and trying again.
There is another thread open about this: https://kriesi.at/support/topic/avia-layout-text-block-error-632390/
Hi there, I saw your reply given here https://kriesi.at/support/topic/custom-function-so-i-dont-need-to-edit-core/ in order to customise the pagination for my blog pages. I wanted to hide the number of pages and the arrows from the pagination styling and show only the simple “Previous” and “Next” links on the left and right hand side.
I managed to get that working (by commenting out some code as in https://kriesi.at/support/topic/custom-function-so-i-dont-need-to-edit-core/) but the problem now is that these alterations have also affected the pagination for woocommerce products (shop page etc) and it seems to be broken.
Is there a way to distinguish between the two of them so as to keep your pagination for woocommerce pages like shop page etc and use my modifications for the pagination of the rest of the site ie blog posts.
Many thnx
-
This topic was modified 9 years, 10 months ago by
george.
Hi,
I checked your previous threads but could not find Fontawesome related one. Please refer to my post here – https://kriesi.at/support/topic/importing-icon-from-font-awesome/#post-414749
Best regards,
Yigit