-
Search Results
-
Hi everyone,
this is a question for the Enfold Community as a whole and not a support question.
I’m wondering what your go-to functions, hooks, filters and snippets of code are and what you have in your default child theme and functions.php that you use when you provision a site?
For example, my child theme looks like this:
/child-theme-name
/shortcodes
– functions.php
– login-logo.png (login logo to replace WordPress)
– screenshot.png (880×660 pixel image for the themes page)
– style.cssAnd my default functions.php is:
<?php //Enable Custom class for all elements add_theme_support('avia_template_builder_custom_css'); /* //Enable support for shortcodes add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1); function avia_include_shortcode_template($paths) { $template_url = get_stylesheet_directory(); array_unshift($paths, $template_url.'/shortcodes/'); return $paths; } */ /* //Add Widget area to header add_action( 'ava_main_header', 'enfold_customization_header_widget_area' ); function enfold_customization_header_widget_area() { dynamic_sidebar( 'header' ); } */ /* //set builder mode to debug add_action('avia_builder_mode', "builder_set_debug"); function builder_set_debug() { return "debug"; } */ //Add dynamic year in Socket Copyright // Add [year] to Socket function year_shortcode() { $year = date('Y'); return $year; } add_shortcode('year', 'year_shortcode'); // Change login Logo URL function my_login_logo_url() { return home_url(); } add_filter( 'login_headerurl', 'my_login_logo_url' ); // Change Login Logo Text function my_login_logo_url_title() { return 'Digital Essence'; } add_filter( 'login_headertitle', 'my_login_logo_url_title' ); //Add Company Logo to login page function my_login_logo() { ?> <style type="text/css"> .login {background: #3A3A3A!important;} #loginform {background: #3A3A3A!important; box-shadow:none!important; color: #fff!important;} #loginform label {font-size: 1.2em; color: #fff;} #nav a, #backtoblog a {color: #fff!important; font-size:1.2em;} #login h1 a, .login h1 a { background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/login-logo.png); width:150px; height:150px; background-size: 150px 150px; background-repeat: no-repeat; padding-bottom: 0px; } </style> <?php } add_action( 'login_enqueue_scripts', 'my_login_logo' );I use others regularly but these are in my default functions file which I use to kick each project off. Pretty sure I need to add more but you know what it’s like, list of things to do is always long.
So, what do you have in your child theme when you provision a site?
In reply to: Picture and text zoom on smartphone
Hi,
Perhaps add some images or icons to the links, are they the name of cities? Also perhaps a full-width search bar in the middle, like this:
To add a search bar, add this code to the end of your functions.php file in Appearance > Editor:add_shortcode('avia_search', 'get_search_form');then add a code block with the custom class “search-bar”
and inside the code block add this shortcode:[avia_search]then add this css to your Quick CSS:
#top .search-bar #searchform>div { width: 100% !important; max-width: 100% !important; } #top .search-bar input[type='text']#s { font-size: 32px; padding: 10px 60px 10px 20px; } #top .search-bar #searchsubmit.button { width: 60px !important; height: 60px !important; }It’s just a thought.
Best regards,
MikeIn reply to: Double sided (switching) image effect?
Hi,
Great, well the first step is to ensure you have the Enfold Theme Options > Layout Builder > Show element options for developers option checked so you can add custom classes:
Then when you add a image, include a custom class, add a different custom class to each image:
Then copy the url to the other inage you are going to use, from the media library:
then add your custom class in two places and your image url to your css:
#top .avia-image-container.image-1 img:hover { opacity: 0 !important; transition: opacity 1s linear !important; } #top .avia-image-container.image-1 { background: url('https://127.0.0.1/2017demo1/wp-content/uploads/2015/07/portfolio-4-1.jpg') !important; background-size: contain !important; }and that is it :)
Best regards,
MikevIn reply to: Double sided (switching) image effect?
Hi,
Unfortunately the element is now set up for “transform” which is for 2D or 3D animation, and what you want is “transition” which is for values to occur smoothly over a specified duration. But they can not be just switched out one for the other, the HTML also needs to be different.
But we can replace the image on the page with a transition on hover, this css will only target the one image on the page of the surfer girl, and on hover will slowly swap it out. To test add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top.page-id-10723 .avia-image-container.avia-builder-el-7 img:hover { opacity: 0 !important; transition: opacity 1s linear !important; } #top.page-id-10723 .avia-image-container.avia-builder-el-7 { background: url('https://new.restube.com/wp-content/uploads/2018/11/MG_0710-1-845x684.jpg') !important; background-size: contain !important; }If you want to use this on other images you will need to set a custom class to each image so it can be targeted, with the Enfold Theme Options > Layout Builder > Show element options for developers
and I can explain the code so you can do it.Best regards,
MikeIn reply to: Theme Update Enfold from 3.5.4
Hey Rikard,
thanks for the reply: I have no idea, cause I can not really read code. Is it possible for you guys to take a look?
This is the Enfold Header.php
<?php
if ( ! defined(‘ABSPATH’) ){ die(); }global $avia_config;
$lightbox_option = avia_get_option( ‘lightbox_active’ );
$avia_config[‘use_standard_lightbox’] = empty( $lightbox_option ) || ( ‘lightbox_active’ == $lightbox_option ) ? ‘lightbox_active’ : ‘disabled’;
/**
* Allow to overwrite the option setting for using the standard lightbox
* Make sure to return ‘disabled’ to deactivate the standard lightbox – all checks are done against this string
*
* @added_by Günter
* @since 4.2.6
* @param string $use_standard_lightbox ‘lightbox_active’ | ‘disabled’
* @return string ‘lightbox_active’ | ‘disabled’
*/
$avia_config[‘use_standard_lightbox’] = apply_filters( ‘avf_use_standard_lightbox’, $avia_config[‘use_standard_lightbox’] );$style = $avia_config[‘box_class’];
$responsive = avia_get_option(‘responsive_active’) != “disabled” ? “responsive” : “fixed_layout”;
$blank = isset($avia_config[‘template’]) ? $avia_config[‘template’] : “”;
$av_lightbox = $avia_config[‘use_standard_lightbox’] != “disabled” ? ‘av-default-lightbox’ : ‘av-custom-lightbox’;
$preloader = avia_get_option(‘preloader’) == “preloader” ? ‘av-preloader-active av-preloader-enabled’ : ‘av-preloader-disabled’;
$sidebar_styling = avia_get_option(‘sidebar_styling’);
$filterable_classes = avia_header_class_filter( avia_header_class_string() );
$av_classes_manually = “av-no-preview”; /*required for live previews*//**
* Allows to alter default settings Enfold-> Main Menu -> General -> Menu Items for Desktop
* @since 4.4.2
*/
$is_burger_menu = apply_filters( ‘avf_burger_menu_active’, avia_is_burger_menu(), ‘header’ );
$av_classes_manually .= $is_burger_menu ? ” html_burger_menu_active” : ” html_text_menu_active”;/**
* Add additional custom body classes
* e.g. to disable default image hover effect add av-disable-avia-hover-effect
*
* @since 4.4.2
*/
$custom_body_classes = apply_filters( ‘avf_custom_body_classes’, ” );/**
* @since 4.2.3 we support columns in rtl order (before they were ltr only). To be backward comp. with old sites use this filter.
*/
$rtl_support = ‘yes’ == apply_filters( ‘avf_rtl_column_support’, ‘yes’ ) ? ‘ rtl_columns ‘ : ”;?><!DOCTYPE html>
<html <?php language_attributes(); ?> class=”<?php echo “html_{$style} “.$responsive.” “.$preloader.” “.$av_lightbox.” “.$filterable_classes.” “.$av_classes_manually ?> “>
<head>
<meta charset=”<?php bloginfo( ‘charset’ ); ?>” />
<?php
/*
* outputs a rel=follow or nofollow tag to circumvent google duplicate content for archives
* located in framework/php/function-set-avia-frontend.php
*/
if (function_exists(‘avia_set_follow’)) { echo avia_set_follow(); }?>
<!– mobile setting –>
<?phpif( strpos($responsive, ‘responsive’) !== false ) echo ‘<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>’;
?><!– Scripts/CSS and wp_head hook –>
<?php
/* Always have wp_head() just before the closing </head>
* tag of your theme, or you will break many plugins, which
* generally use this hook to add elements to <head> such
* as styles, scripts, and meta tags.
*/wp_head();
?>
</head>
<body id=”top” <?php body_class( $custom_body_classes . ‘ ‘ . $rtl_support . $style.” “.$avia_config[‘font_stack’].” “.$blank.” “.$sidebar_styling); avia_markup_helper(array(‘context’ => ‘body’)); ?>>
<?php
do_action( ‘ava_after_body_opening_tag’ );
if(“av-preloader-active av-preloader-enabled” === $preloader)
{
echo avia_preload_screen();
}?>
<div id=’wrap_all’>
<?php
if(!$blank) //blank templates dont display header nor footer
{
//fetch the template file that holds the main menu, located in includes/helper-menu-main.php
get_template_part( ‘includes/helper’, ‘main-menu’ );} ?>
<div id=’main’ class=’all_colors’ data-scroll-offset='<?php echo avia_header_setting(‘header_scroll_offset’); ?>’>
<?php
if(isset($avia_config[‘temp_logo_container’])) echo $avia_config[‘temp_logo_container’];
do_action(‘ava_after_main_container’);In reply to: When using 3 columns the center coloumn is bigger
Hi,
I tried to recreate your page on my localhost, at the top I placed a grid row with the images in each grid at full size:
and below that I placed 3 columns with zero padding and used “Equal Height” with the images at full size:
the result was that all images were the same size and the lined up nicely without any additional css or tricks:
Try Enabling Avia Layout Builder Debugger and paste this shortcode in the paser at the bottom of the page:
[av_layout_row border='' min_height_percent='' min_height='0' color='main_color' mobile='av-flex-cells' id='' av_element_hidden_in_editor='0' mobile_breaking='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av_uid='av-agpo17'] [av_cell_one_third vertical_align='top' padding='0px' padding_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' av_uid='av-8q2frf' custom_class=''] [av_image src='https://127.0.0.1/2017demo1/wp-content/uploads/2019/02/1.png' attachment='3165' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-js93dghn' custom_class='' admin_preview_bg=''][/av_image] [/av_cell_one_third][av_cell_one_third vertical_align='top' padding='0px' padding_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' av_uid='av-6ua8jf' custom_class=''] [av_image src='https://127.0.0.1/2017demo1/wp-content/uploads/2019/02/2.png' attachment='3166' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-js93e2oe' custom_class='' admin_preview_bg=''][/av_image] [/av_cell_one_third][av_cell_one_third vertical_align='top' padding='0px' padding_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' av_uid='av-63fl5n' custom_class=''] [av_image src='https://127.0.0.1/2017demo1/wp-content/uploads/2019/02/3.png' attachment='3167' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-js93f1id' custom_class='' admin_preview_bg=''][/av_image] [/av_cell_one_third][/av_layout_row][av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-top' space='no_margin' margin='0px' margin_sync='true' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' highlight_size='1.1' border='' border_color='' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-js939ne0' custom_class=''] [av_image src='https://127.0.0.1/2017demo1/wp-content/uploads/2019/02/1.png' attachment='3165' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-js93fgfx' custom_class='' admin_preview_bg=''][/av_image] [/av_one_third] [av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' highlight='' highlight_size='' border='' border_color='' radius='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-40fm2z'] [av_image src='https://127.0.0.1/2017demo1/wp-content/uploads/2019/02/2.png' attachment='3166' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-js93fxiy' custom_class='' admin_preview_bg=''][/av_image] [/av_one_third] [av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' highlight='' highlight_size='' border='' border_color='' radius='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-arsrv'] [av_image src='https://127.0.0.1/2017demo1/wp-content/uploads/2019/02/3.png' attachment='3167' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-js93gave' custom_class='' admin_preview_bg=''][/av_image] [/av_one_third]you may need to replace the images as mine are on my localhost, but you should get the columns setup as I do.
Best regards,
MikeIn reply to: When using 3 columns the center coloumn is bigger
Hey Synne,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#av-layout-grid-1 .avia-image-container img { height: 425.688px !important; max-height: 425.688px !important; } #av_section_1 .avia-image-container img { height: 311.188px !important; max-height: 311.188px !important; }This will adjust all of the images on your test page, to apply this for other pages please assign a unique custom class or ID for the image and replace the ID in the begining of the code.
Please see the custom ID option at Enfold Theme Options > Layout Builder > Show element options for developers
Please let us know if you need some assistance with this.Best regards,
MikeIn reply to: Move mediaelement "picture" individually (per CSS ?)
Hi JS,
We apologize for the late response.
You can use Custom Css Class for that, in the WordPress Dashboard go to Enfold > Layout Builder > check Show element options for developers then save.
Then each element should have a Custom Css Class field. For the first cross you can put cross1 then for the 2nd cross cross2
In Quick CSS (located in Enfold > General Styling), add this css code:#top .cross1 img.avia_image { position: relative; top: -10px; left: 30px; } #top .cross2 img.avia_image { position: relative; top: 10px; left: -20px; }Just adjust the top and left values (you can use negative values).
Hope this helps.Best regards,
NikkoIn reply to: BreadCrumb Not appearing on some pages
Hi,
I tried to implement 3rd party breadcrumb. but I having another issue with this theme.
I fI make any changes on header.php file then a
coding apearig on header " /> like this
<?php if ( ! defined('ABSPATH') ){ die(); } global $avia_config; $lightbox_option = avia_get_option( 'lightbox_active' ); $avia_config['use_standard_lightbox'] = empty( $lightbox_option ) || ( 'lightbox_active' == $lightbox_option ) ? 'lightbox_active' : 'disabled'; /** * Allow to overwrite the option setting for using the standard lightbox * Make sure to return 'disabled' to deactivate the standard lightbox - all checks are done against this string * * @added_by G端nter * @since 4.2.6 * @param string $use_standard_lightbox 'lightbox_active' | 'disabled' * @return string 'lightbox_active' | 'disabled' */ $avia_config['use_standard_lightbox'] = apply_filters( 'avf_use_standard_lightbox', $avia_config['use_standard_lightbox'] ); $style = $avia_config['box_class']; $responsive = avia_get_option('responsive_active') != "disabled" ? "responsive" : "fixed_layout"; $blank = isset($avia_config['template']) ? $avia_config['template'] : ""; $av_lightbox = $avia_config['use_standard_lightbox'] != "disabled" ? 'av-default-lightbox' : 'av-custom-lightbox'; $preloader = avia_get_option('preloader') == "preloader" ? 'av-preloader-active av-preloader-enabled' : 'av-preloader-disabled'; $sidebar_styling = avia_get_option('sidebar_styling'); $filterable_classes = avia_header_class_filter( avia_header_class_string() ); $av_classes_manually = "av-no-preview"; /*required for live previews*/ /** * Allows to alter default settings Enfold-> Main Menu -> General -> Menu Items for Desktop * @since 4.4.2 */ $is_burger_menu = apply_filters( 'avf_burger_menu_active', avia_is_burger_menu(), 'header' ); $av_classes_manually .= $is_burger_menu ? " html_burger_menu_active" : " html_text_menu_active"; /** * Add additional custom body classes * e.g. to disable default image hover effect add av-disable-avia-hover-effect * * @since 4.4.2 */ $custom_body_classes = apply_filters( 'avf_custom_body_classes', '' ); /** * @since 4.2.3 we support columns in rtl order (before they were ltr only). To be backward comp. with old sites use this filter. */ $rtl_support = 'yes' == apply_filters( 'avf_rtl_column_support', 'yes' ) ? ' rtl_columns ' : ''; ?><!DOCTYPE html> <html <?php language_attributes(); ?> class="<?php echo "html_{$style} ".$responsive." ".$preloader." ".$av_lightbox." ".$filterable_classes." ".$av_classes_manually ?> "> <head> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <?php /* * outputs a rel=follow or nofollow tag to circumvent google duplicate content for archives * located in framework/php/function-set-avia-frontend.php */ if (function_exists('avia_set_follow')) { echo avia_set_follow(); } ?> <!-- mobile setting --> <?php if( strpos($responsive, 'responsive') !== false ) echo '<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">'; ?> <!-- Scripts/CSS and wp_head hook --> <?php /* Always have wp_head() just before the closing </head> * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to <head> such * as styles, scripts, and meta tags. */ wp_head(); ?> </head> <body id="top" <?php body_class( $custom_body_classes . ' ' . $rtl_support . $style." ".$avia_config['font_stack']." ".$blank." ".$sidebar_styling); avia_markup_helper(array('context' => 'body')); ?>> <?php do_action( 'ava_after_body_opening_tag' ); if("av-preloader-active av-preloader-enabled" === $preloader) { echo avia_preload_screen(); } ?> <div id='wrap_all'> <?php if(!$blank) //blank templates dont display header nor footer { //fetch the template file that holds the main menu, located in includes/helper-menu-main.php get_template_part( 'includes/helper', 'main-menu' ); } ?> <div id='main' class='all_colors' data-scroll-offset='<?php echo avia_header_setting('header_scroll_offset'); ?>'> <?php if(isset($avia_config['temp_logo_container'])) echo $avia_config['temp_logo_container']; do_action('ava_after_main_container'); ?> <?php if ( !is_front_page() ) : ?> <div class="stretch_full container_wrap alternate_color light_bg_color title_container"> <div class="container"> <div class="breadcrumb breadcrumbs"> <?php echo do_shortcode( '[breadcrumb]' );?> </div></div></div> <?php endif; ?>this is the change i made. even I delete the changes from header.php that pre coding still there
thanks
Hi,
You can set a maximum width for those images.
.avia-image-container .avia_image { max-width: 100px; }Turn on the custom css class field so that you can target them specifically.
Best regards,
IsmaelIn reply to: Can't update from 4.5 to 4.5.2
In reply to: Is there a way to achieve this?
you have to have than image as png file with cut-out form.
That was my test setup:
click to enlarge it –
the image alb gets a custom class ( on my case it is: overlap-image )
this comes to quick css:.avia-image-container.overlap-image { position: relative; top: -200px; }or take some relative dimensions like top: -15vw or 10% etc. play a bit on that.
see result – better wouid be to have the image totaly as cut-off.
https://webers-testseite.de/overlap/Hello my friends,
I want to vertically align image with text. My custom class css is “customclass”;
.customclass img{ vertical-align: middle; }But img css class in textblock doesn’t work. How can i fix it ?
Best regards.
In reply to: CSS customizations
Hi P3T3R_0ne,
1. I see what you mean, it does change the in that sense, because those numbers for example #av_section_1 depends on their order from top to bottom, for example if you created a Color Section on top of #av_section_1 then that becomes the new #av_section_1, while what was #av_section_1 becomes #av_section_2. You can basically use these selectors if you’re sure that the order is final, however if you need move elements and change their order, I would suggest using Custom Css Classes. To give an example I added leaf-icon on the Custom Css Class of your leaf icon, then I have replaced your css code in Quick CSS from:
#av_section_1 > div > main > div > div > div.flex_column.av_one_third.av-animated-generic.pop-up.flex_column_div.av-zero-column-padding.avia-link-column.avia-link-column-hover.first.avia-builder-el-3.el_after_av_image.el_before_av_one_third.avia_start_animation.avia_start_delayed_animation > span > span { position: relative; left: 34px; }to:
#top .leaf-icon { position: relative; left: 34px; }The issue also with the code you previously used is that if on other pages it will have the same layout with different icon, that css will also apply.
The best way to code in Enfold is to use Custom Css Classes then use this selector:
#top .my-custom-class { }if it is still overridden then try using this instead:
#top #wrap_all .my-custom-class { }Hope this helps.
Best regards,
NikkoI have added custom css classes to elements (don’t want to apply globally – apply only to these elements) but they are not applying.
What is the protocol for using custom css classes. Please see the private link to the page I’m working on. I’m trying to do the following:
1. Adjust the top and bottom margin of the .avia-image-container but only for this page.
2. Adjust the Special Heading Text #top #wrap_all .av-inherit-size .av-special-heading-tag to move up on top of the container above it. Trying to add a z-index and negative top margin.
3. Adjust the top margin of the contact form.I have tried various ways of adding my custom css class to the quick css but I can’t get it to apply. My custom css classes are as follows:
1. Color Section: #contact-color-section1
2. 1/1 column: .contact-page-col1
3. Image: .contact-image
4. Special Heading: .contact-title-hello
When I test in via Inspect and go to the element and enter the css rule the results apply; but I can’t make it work through the Quick CSS.
I’m using Chrome and when I Inspect, I see the custom Css Class I created as part of the avia div class. However, if I try to filter the custom class on the styles tab on the right, the custom class does not show up.
Also, can I apply CSS per page instead of Global.Thank you
Hi,
This is because each element is given a class automatically, such as “avia-builder-el-20” but when you add another element this may change the number in the auto class.
To correct please enable custom IDs and classes by going to Enfold Theme Options > Layout Builder > Show element options for developers
Then go to your two post sliders and give them each a unique class, such as “firstpostslider” & “secondpostslider” then replace the auto class with your custom one, like this:.secondpostslider span.blog-categories.minor-meta, .secondpostslider span.av-vertical-delimiter, .secondpostslider .slide-image { display: none !important; }Please note that classes begin with a dot and IDs begin with a hash mark. If you have any troubles then go ahead and add your special heading, and we will look and post the updated css.
Best regards,
MikeHello,
i have 2 Problems with my Project and hope you could help me.
1) I wanted to add a black text shadow to the fullscreen slider text and maybe the slider title, i searched in this forum and find this solutions that i already tried:
.avia_transform .av_slideshow_full .active-slide .avia-caption-title, .avia_transform .av_fullscreen .active-slide .avia-caption-title {text-shadow: 3px 3px 2px #000;}#top .avia-fullscreen-slider h2 { text-shadow: 1px 1px 7px #000; }#top .avia-fullscreen-slider p { text-shadow: 1px 1px 7px #000 !important; }after I tried this solutions and they didnt work, i activate the developer options and add a custom css class to the fullscreen slider with the name topslider and tried the solutions with .topslider instead of the CSS ids above. But it also does not work :( I hope you can find my mistake.
2) My Second question is about the Blog Posts, if i edit them in the normal WordPress Editor they will show with the Blog-Image and the Blog-Title, but if i edit them with the enfold editor to Add Site Elements like a contact formular, they will be just show the content from the enfold editor without Blog-title and the blog-image. How could i prevent that?
Sorry for my bad english i hope you can understand my issues. (Dont know if i could write in german).
Thanks in advance.
In reply to: Error 500 after FTP Enfold Update
This is what I get when i try to upload the latest version
Unpacking the package…
Upgrading your theme…
No backup of old version of theme created. Backup option disabled in settings.
Removing the old version of the theme…
The update cannot be installed because we will be unable to copy some files. This is usually due to inconsistent file permissions. config-events-calendar/views/single-event-no-mobile.php, config-layerslider/LayerSlider/classes/class.ls.config.php, config-layerslider/LayerSlider/classes/class.ls.popups.php, config-layerslider/LayerSlider/includes/slider_markup_export.php, config-layerslider/LayerSlider/static/admin/css/addons.css, config-layerslider/LayerSlider/static/admin/css/index.php, config-layerslider/LayerSlider/static/admin/css/plugin_settings.css, config-layerslider/LayerSlider/static/admin/img/ao-bm-blend.jpg, config-layerslider/LayerSlider/static/admin/img/ao-bm-text.png, config-layerslider/LayerSlider/static/admin/img/ao-bm.jpg, config-layerslider/LayerSlider/static/admin/img/ao-fil.jpg, config-layerslider/LayerSlider/static/admin/img/ao-ori.jpg, config-layerslider/LayerSlider/static/admin/img/ao-pbs.jpg, config-layerslider/LayerSlider/static/admin/img/ao-pop.jpg, config-layerslider/LayerSlider/static/admin/img/ao-rev.jpg, config-layerslider/LayerSlider/static/admin/img/ao-tpl.jpg, config-layerslider/LayerSlider/static/admin/img/index.php, config-layerslider/LayerSlider/static/admin/img/layout-popup.png, config-layerslider/LayerSlider/static/admin/img/popup-example-bg.jpg, config-layerslider/LayerSlider/static/admin/img/popup-example-slidy.png, config-layerslider/LayerSlider/static/admin/js/index.php, config-layerslider/LayerSlider/static/admin/js/ls-admin-addons.js, config-layerslider/LayerSlider/static/admin/js/ls-admin-settings.js, config-layerslider/LayerSlider/static/admin/media/index.php, config-layerslider/LayerSlider/static/admin/scss/addons.scss, config-layerslider/LayerSlider/static/admin/scss/index.php, config-layerslider/LayerSlider/static/admin/scss/plugin_settings.scss, config-layerslider/LayerSlider/static/admin/index.php, config-layerslider/LayerSlider/static/air-datepicker/i18n/index.php, config-layerslider/LayerSlider/static/air-datepicker/index.php, config-layerslider/LayerSlider/static/codemirror/addon/comment/index.php, config-layerslider/LayerSlider/static/codemirror/addon/dialog/index.php, config-layerslider/LayerSlider/static/codemirror/addon/display/index.php, config-layerslider/LayerSlider/static/codemirror/addon/edit/index.php, config-layerslider/LayerSlider/static/codemirror/addon/fold/index.php, config-layerslider/LayerSlider/static/codemirror/addon/hint/index.php, config-layerslider/LayerSlider/static/codemirror/addon/lint/index.php, config-layerslider/LayerSlider/static/codemirror/addon/merge/index.php, config-layerslider/LayerSlider/static/codemirror/addon/mode/index.php, config-layerslider/LayerSlider/static/codemirror/addon/runmode/index.php, config-layerslider/LayerSlider/static/codemirror/addon/scroll/index.php, config-layerslider/LayerSlider/static/codemirror/addon/search/index.php, config-layerslider/LayerSlider/static/codemirror/addon/selection/index.php, config-layerslider/LayerSlider/static/codemirror/addon/tern/index.php, config-layerslider/LayerSlider/static/codemirror/addon/wrap/index.php, config-layerslider/LayerSlider/static/codemirror/addon/index.php, config-layerslider/LayerSlider/static/codemirror/keymap/index.php, config-layerslider/LayerSlider/static/codemirror/lib/index.php, config-layerslider/LayerSlider/static/codemirror/mode/css/index.php, config-layerslider/LayerSlider/static/codemirror/mode/htmlembedded/index.php, config-layerslider/LayerSlider/static/codemirror/mode/htmlmixed/index.php, config-layerslider/LayerSlider/static/codemirror/mode/javascript/index.php, config-layerslider/LayerSlider/static/codemirror/mode/php/index.php, config-layerslider/LayerSlider/static/codemirror/mode/sass/index.php, config-layerslider/LayerSlider/static/codemirror/mode/sql/index.php, config-layerslider/LayerSlider/static/codemirror/mode/xml/index.php, config-layerslider/LayerSlider/static/codemirror/mode/index.php, config-layerslider/LayerSlider/static/codemirror/theme/index.php, config-layerslider/LayerSlider/static/codemirror/index.php, config-layerslider/LayerSlider/static/dashicons/index.php, config-layerslider/LayerSlider/static/layerslider/css/index.php, config-layerslider/LayerSlider/static/layerslider/js/index.php, config-layerslider/LayerSlider/static/layerslider/plugins/debug/index.php, config-layerslider/LayerSlider/static/layerslider/plugins/origami/index.php, config-layerslider/LayerSlider/static/layerslider/plugins/timeline/index.php, config-layerslider/LayerSlider/static/layerslider/plugins/index.php, config-layerslider/LayerSlider/static/layerslider/plugins/popup/layerslider.popup.css, config-layerslider/LayerSlider/static/layerslider/plugins/popup/index.php, config-layerslider/LayerSlider/static/layerslider/plugins/popup/layerslider.popup.js, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark/index.php, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark3d/index.php, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight/index.php, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight3d/index.php, config-layerslider/LayerSlider/static/layerslider/skins/carousel/index.php, config-layerslider/LayerSlider/static/layerslider/skins/darkskin/index.php, config-layerslider/LayerSlider/static/layerslider/skins/defaultskin/index.php, config-layerslider/LayerSlider/static/layerslider/skins/fullwidth/index.php, config-layerslider/LayerSlider/static/layerslider/skins/fullwidthdark/index.php, config-layerslider/LayerSlider/static/layerslider/skins/glass/index.php, config-layerslider/LayerSlider/static/layerslider/skins/lightskin/index.php, config-layerslider/LayerSlider/static/layerslider/skins/minimal/index.php, config-layerslider/LayerSlider/static/layerslider/skins/noskin/index.php, config-layerslider/LayerSlider/static/layerslider/skins/numbers/index.php, config-layerslider/LayerSlider/static/layerslider/skins/outline/index.php, config-layerslider/LayerSlider/static/layerslider/skins/roundedflat/index.php, config-layerslider/LayerSlider/static/layerslider/skins/v5/index.php, config-layerslider/LayerSlider/static/layerslider/skins/v5/skin-min.css, config-layerslider/LayerSlider/static/layerslider/skins/v6/index.php, config-layerslider/LayerSlider/static/layerslider/skins/index.php, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/index.php, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/info.json, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/skin.css, config-layerslider/LayerSlider/static/layerslider/index.php, config-layerslider/LayerSlider/static/minicolors/index.php, config-layerslider/LayerSlider/static/public/index.php, config-layerslider/LayerSlider/static/shuffle/index.php, config-layerslider/LayerSlider/static/index.php, config-layerslider/LayerSlider/static/dindent/Indenter.php, config-layerslider/LayerSlider/static/dindent/index.php, config-layerslider/LayerSlider/static/dindent/Exception/index.php, config-layerslider/LayerSlider/static/dindent/Exception/DindentException.php, config-layerslider/LayerSlider/static/dindent/Exception/InvalidArgumentException.php, config-layerslider/LayerSlider/static/dindent/Exception/RuntimeException.php, config-layerslider/LayerSlider/static/font-awesome/index.php, config-layerslider/LayerSlider/static/font-awesome/css/font-awesome.min.css, config-layerslider/LayerSlider/static/font-awesome/css/font-awesome.css, config-layerslider/LayerSlider/static/font-awesome/css/index.php, config-layerslider/LayerSlider/static/font-awesome/fonts/fontawesome-webfont.eot, config-layerslider/LayerSlider/static/font-awesome/fonts/fontawesome-webfont.svg, config-layerslider/LayerSlider/static/font-awesome/fonts/fontawesome-webfont.ttf, config-layerslider/LayerSlider/static/font-awesome/fonts/fontawesome-webfont.woff, config-layerslider/LayerSlider/static/font-awesome/fonts/fontawesome-webfont.woff2, config-layerslider/LayerSlider/static/font-awesome/fonts/FontAwesome.otf, config-layerslider/LayerSlider/static/font-awesome/fonts/index.php, config-layerslider/LayerSlider/static/html2canvas/html2canvas.min.js, config-layerslider/LayerSlider/templates/tmpl-addons.php, config-layerslider/LayerSlider/templates/tmpl-button-presets.php, config-layerslider/LayerSlider/templates/tmpl-import-layer.php, config-layerslider/LayerSlider/templates/tmpl-import-slide.php, config-layerslider/LayerSlider/templates/tmpl-insert-icons-modal.php, config-layerslider/LayerSlider/templates/tmpl-insert-media-modal.php, config-layerslider/LayerSlider/templates/tmpl-popup-example-slider.php, config-layerslider/LayerSlider/templates/tmpl-popup-presets-window.php, config-layerslider/LayerSlider/templates/tmpl-post-chooser.php, config-layerslider/LayerSlider/templates/tmpl-preview-context-menu.php, config-layerslider/LayerSlider/templates/tmpl-slide-tab.php, config-layerslider/LayerSlider/templates/html-export/ls-instructions.png, config-layerslider/LayerSlider/templates/html-export/INSTRUCTIONS.html, config-layerslider/LayerSlider/templates/html-export/template.html, config-layerslider/LayerSlider/views/addons.php, config-layerslider/LayerSlider/views/css_editor.php, config-layerslider/LayerSlider/views/settings.php, config-templatebuilder/avia-shortcodes/.DS_Store, config-templatebuilder/avia-shortcodes/audio-player/audio-player.js, config-templatebuilder/avia-shortcodes/audio-player/audio-player.css, config-templatebuilder/avia-shortcodes/audio-player/audio-player.php, config-templatebuilder/avia-shortcodes/blog/blog.php, config-templatebuilder/avia-shortcodes/blog/blog.css, config-templatebuilder/avia-shortcodes/buttonrow/buttonrow.php, config-templatebuilder/avia-shortcodes/buttonrow/buttonrow.css, config-templatebuilder/avia-shortcodes/buttons/buttons.php, config-templatebuilder/avia-shortcodes/buttons/buttons.css, config-templatebuilder/avia-shortcodes/buttons_fullwidth/buttons_fullwidth.php, config-templatebuilder/avia-shortcodes/buttons_fullwidth/buttons_fullwidth.css, config-templatebuilder/avia-shortcodes/catalogue/catalogue.php, config-templatebuilder/avia-shortcodes/catalogue/catalogue.css, config-templatebuilder/avia-shortcodes/comments/comments.php, config-templatebuilder/avia-shortcodes/comments/comments.css, config-templatebuilder/avia-shortcodes/contact/contact.js, config-templatebuilder/avia-shortcodes/contact/contact.css, config-templatebuilder/avia-shortcodes/contact/contact.php, config-templatebuilder/avia-shortcodes/contentslider/contentslider.php, config-templatebuilder/avia-shortcodes/contentslider/contentslider.css, config-templatebuilder/avia-shortcodes/countdown/countdown.js, config-templatebuilder/avia-shortcodes/countdown/countdown.css, config-templatebuilder/avia-shortcodes/countdown/countdown.php, config-templatebuilder/avia-shortcodes/events_countdown/events_countdown.php, config-templatebuilder/avia-shortcodes/events_upcoming/events_upcoming.css, config-templatebuilder/avia-shortcodes/events_upcoming/events_upcoming.php, config-templatebuilder/avia-shortcodes/gallery/gallery.js, config-templatebuilder/avia-shortcodes/gallery/gallery.css, config-templatebuilder/avia-shortcodes/gallery/gallery.php, config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.js, config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.css, config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.php, config-templatebuilder/avia-shortcodes/google_maps/google_maps.php, config-templatebuilder/avia-shortcodes/google_maps/google_maps.css, config-templatebuilder/avia-shortcodes/grid_row/grid_row.css, config-templatebuilder/avia-shortcodes/grid_row/cell.php, config-templatebuilder/avia-shortcodes/grid_row/grid_row.php, config-templatebuilder/avia-shortcodes/heading/heading.php, config-templatebuilder/avia-shortcodes/heading/heading.css, config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.js, config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.css, config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.php, config-templatebuilder/avia-shortcodes/hr/hr.php, config-templatebuilder/avia-shortcodes/hr/hr.css, config-templatebuilder/avia-shortcodes/icon/icon.php, config-templatebuilder/avia-shortcodes/icon/icon.css, config-templatebuilder/avia-shortcodes/iconbox/iconbox.php, config-templatebuilder/avia-shortcodes/iconbox/iconbox.css, config-templatebuilder/avia-shortcodes/icongrid/icongrid.js, config-templatebuilder/avia-shortcodes/icongrid/icongrid.css, config-templatebuilder/avia-shortcodes/icongrid/icongrid.php, config-templatebuilder/avia-shortcodes/iconlist/iconlist.js, config-templatebuilder/avia-shortcodes/iconlist/iconlist.css, config-templatebuilder/avia-shortcodes/iconlist/iconlist.php, config-templatebuilder/avia-shortcodes/image/image.php, config-templatebuilder/avia-shortcodes/image/image.css, config-templatebuilder/avia-shortcodes/image_hotspots/image_hotspots.js, config-templatebuilder/avia-shortcodes/image_hotspots/image_hotspots.css, config-templatebuilder/avia-shortcodes/image_hotspots/image_hotspots.php, config-templatebuilder/avia-shortcodes/logoslider/logoslider.php, config-templatebuilder/avia-shortcodes/magazine/magazine.css, config-templatebuilder/avia-shortcodes/magazine/magazine.js, config-templatebuilder/avia-shortcodes/magazine/magazine.php, config-templatebuilder/avia-shortcodes/mailchimp/mailchimp.php, config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.css, config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.js, config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.php, config-templatebuilder/avia-shortcodes/masonry_gallery/masonry_gallery.php, config-templatebuilder/avia-shortcodes/masonry_gallery/.DS_Store, config-templatebuilder/avia-shortcodes/menu/menu.js, config-templatebuilder/avia-shortcodes/menu/menu.css, config-templatebuilder/avia-shortcodes/menu/menu.php, config-templatebuilder/avia-shortcodes/notification/notification.js, config-templatebuilder/avia-shortcodes/notification/notification.css, config-templatebuilder/avia-shortcodes/notification/notification.php, config-templatebuilder/avia-shortcodes/numbers/numbers.js, config-templatebuilder/avia-shortcodes/numbers/numbers.css, config-templatebuilder/avia-shortcodes/numbers/numbers.php, config-templatebuilder/avia-shortcodes/portfolio/portfolio.css, config-templatebuilder/avia-shortcodes/portfolio/isotope.js, config-templatebuilder/avia-shortcodes/portfolio/portfolio.js, config-templatebuilder/avia-shortcodes/portfolio/portfolio.php, config-templatebuilder/avia-shortcodes/postslider/postslider.php, config-templatebuilder/avia-shortcodes/postslider/postslider.css, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_info.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_button.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_meta.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_price.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_review.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_tabs.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_upsells.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippets.php, config-templatebuilder/avia-shortcodes/productslider/productslider.php, config-templatebuilder/avia-shortcodes/progressbar/progressbar.css, config-templatebuilder/avia-shortcodes/progressbar/progressbar.js, config-templatebuilder/avia-shortcodes/progressbar/progressbar.php, config-templatebuilder/avia-shortcodes/promobox/promobox.php, config-templatebuilder/avia-shortcodes/promobox/promobox.css, config-templatebuilder/avia-shortcodes/search/search.php, config-templatebuilder/avia-shortcodes/search/search.css, config-templatebuilder/avia-shortcodes/slideshow/slideshow.css, config-templatebuilder/avia-shortcodes/slideshow/slideshow-video.js, config-templatebuilder/avia-shortcodes/slideshow/slideshow.js, config-templatebuilder/avia-shortcodes/slideshow/slideshow.php, config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.js, config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.css, config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.php, config-templatebuilder/avia-shortcodes/slideshow_feature_image/slideshow_feature_image.php, config-templatebuilder/avia-shortcodes/slideshow_feature_image/slideshow_feature_image.css, config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.js, config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.css, config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.php, config-templatebuilder/avia-shortcodes/slideshow_fullsize/slideshow_fullsize.php, config-templatebuilder/avia-shortcodes/slideshow_fullsize/slideshow_fullsize.css, config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.js, config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.css, config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.php, config-templatebuilder/avia-shortcodes/social_share/social_share.css, config-templatebuilder/avia-shortcodes/social_share/.DS_Store, config-templatebuilder/avia-shortcodes/social_share/social_share.php, config-templatebuilder/avia-shortcodes/tab_section/tab_section.js, config-templatebuilder/avia-shortcodes/tab_section/tab_section.css, config-templatebuilder/avia-shortcodes/tab_section/tab_section.php, config-templatebuilder/avia-shortcodes/tab_section/tab_sub_section.php, config-templatebuilder/avia-shortcodes/table/table.php, config-templatebuilder/avia-shortcodes/table/table.css, config-templatebuilder/avia-shortcodes/tabs/tabs.js, config-templatebuilder/avia-shortcodes/tabs/tabs.css, config-templatebuilder/avia-shortcodes/tabs/tabs.php, config-templatebuilder/avia-shortcodes/team/team.php, config-templatebuilder/avia-shortcodes/team/team.css, config-templatebuilder/avia-shortcodes/testimonials/testimonials.css, config-templatebuilder/avia-shortcodes/testimonials/.DS_Store, config-templatebuilder/avia-shortcodes/testimonials/testimonials.js, config-templatebuilder/avia-shortcodes/testimonials/testimonials.php, config-templatebuilder/avia-shortcodes/timeline/timeline.js, config-templatebuilder/avia-shortcodes/timeline/timeline.css, config-templatebuilder/avia-shortcodes/timeline/timeline.php, config-templatebuilder/avia-shortcodes/toggles/toggles.js, config-templatebuilder/avia-shortcodes/toggles/toggles.css, config-templatebuilder/avia-shortcodes/toggles/toggles.php, config-templatebuilder/avia-shortcodes/video/video.js, config-templatebuilder/avia-shortcodes/video/video.css, config-templatebuilder/avia-shortcodes/video/video.php, config-templatebuilder/avia-template-builder/assets/css/avia-builder-rtl.css, config-templatebuilder/avia-template-builder/images/placeholder-audio.png, config-templatebuilder/avia-template-builder/images/sc-audio-player.png, config-templatebuilder/avia-template-builder/images/sc-buttonrow.png, config-templatebuilder/avia-template-builder/images/sc-icongrid.png, config-templatebuilder/avia-template-builder/images/sc-price.png, config-templatebuilder/avia-template-builder/images/sc-search.png, config-templatebuilder/avia-template-builder/images/sc-timeline.png, config-templatebuilder/avia-template-builder/php/asset-manager.class.php, config-templatebuilder/avia-template-builder/php/element-manager.class.php, config-templatebuilder/avia-template-builder/php/shortcode-parser.class.php, config-templatebuilder/avia-template-builder/php/external/JSqueeze.php, config-wpml/wpml-mod.js, css/avia-snippet-cookieconsent.css, css/avia-snippet-lightbox.css, css/avia-snippet-site-preloader.css, css/avia-snippet-widget.css, framework/css/conditional_load/avia_global_admin.css, (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , framework/js/conditional_load/avia_facebook_front.js, framework/js/conditional_load/avia_google_maps_api.js, framework/js/conditional_load/avia_google_maps_front.js, framework/js/conditional_load/avia_google_maps_widget_admin.js, framework/php/auto-updates/class-avia-envato-base-api.php, framework/php/auto-updates/class-avia-theme-updater.php, framework/php/class-gmaps.php, framework/php/font-management/class-avia-icon-fonts.php, framework/php/font-management/class-avia-font-management-base.php, framework/php/font-management/class-avia-type-fonts.php, images/layout/fake_facebook.jpg, images/layout/logo_modern.png, images/layout/search.png, includes/admin/demo_files/demo_images/agency-onepage.jpg, includes/admin/demo_files/demo_images/band.jpg, includes/admin/demo_files/demo_images/dark-photography.jpg, includes/admin/demo_files/demo_images/dj.jpg, includes/admin/demo_files/demo_images/elegant-portfolio.jpg, includes/admin/demo_files/demo_images/freelancer.jpg, includes/admin/demo_files/demo_images/gaming.jpg, includes/admin/demo_files/demo_images/knowledgebase.jpg, includes/admin/demo_files/demo_images/law.jpg, includes/admin/demo_files/demo_images/minimal-photography.jpg, includes/admin/demo_files/demo_images/visual-artist.jpg, includes/admin/demo_files/agency-onepage.php, includes/admin/demo_files/agency-onepage.xml, includes/admin/demo_files/band.php, includes/admin/demo_files/band.xml, includes/admin/demo_files/dark-photography.php, includes/admin/demo_files/dark-photography.xml, includes/admin/demo_files/dj.php, includes/admin/demo_files/dj.xml, includes/admin/demo_files/elegant-portfolio.php, includes/admin/demo_files/elegant-portfolio.xml, includes/admin/demo_files/freelancer.php, includes/admin/demo_files/freelancer.xml, includes/admin/demo_files/gaming.php, includes/admin/demo_files/gaming.xml, includes/admin/demo_files/knowledgebase.php, includes/admin/demo_files/knowledgebase.xml, includes/admin/demo_files/law.php, includes/admin/demo_files/law.xml, includes/admin/demo_files/minimal-photography.php, includes/admin/demo_files/minimal-photography.xml, includes/admin/demo_files/visual-artist.php, includes/admin/demo_files/visual-artist.xml, includes/helper-assets.php, includes/helper-privacy.php, js/aviapopup/.DS_Store, js/avia-snippet-cookieconsent.js, js/avia-snippet-lightbox.js, js/avia-snippet-megamenu.js, js/avia-snippet-sidebarmenu.js, js/avia-snippet-site-preloader.js, js/avia-snippet-sticky-header.js, js/avia-snippet-widget.js, lang/ca.mo, lang/ca.po, lang/pl_PL.mo, lang/pl_PL.po, lang/sk_SK.mo, lang/sk_SK.po, config-gutenberg/class-avia-gutenberg.php, config-menu-exchange/config.php
Theme update failed.
Ok, i have resolved this issue as well – had to edit image.php to get the caption out of the parent Div.
//$overlay = "<div class='av-image-caption-overlay'>{$overlay_bg}<div class='av-image-caption-overlay-position'><div class='av-image-caption-overlay-center' {$style}>{$content}</div></div></div>"; $overlay = "<div class='av-image-caption-overlay-center' {$style}>{$content}</div><div class='av-image-caption-overlay'>{$overlay_bg}<div class='av-image-caption-overlay-position'></div></div>";and add this to custom.css:
.av-overlay-on-hover .av-image-caption-overlay-center{opacity: 0; filter:alpha(opacity=00); } .av-overlay-on-hover .avia-image-container-inner:hover .av-image-caption-overlay-center{opacity: 1; filter:alpha(opacity=100);}Hi,
1- Please go to Enfold theme options > Layout Builder and check “Show element options for developers” and then edit your image element and give it a custom CSS class (“my-custom-class” in example below) and then add following code to Quick CSS field in Enfold theme options > General Styling tab
.my-custom-class.avia-image-container { margin-bottom: 0!important; }2- Could you please create a temporary admin login and post it here privately so we can look into it?
3- You are currently using an older version of Enfold. Could you please update Enfold to the latest version 4.5 via FTP – https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#reinstall-or-update-using-ftp. Alternatively, you can download the latest version of the theme from ThemeForest and then install this plugin – https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/ and then update the theme by uploading Enfold 4.5 in Appearance > Themes > Add New > Upload.
You can now edit Masonry element and disable animation :)Best regards,
YigitI’m using two easy sliders on a page whose element visibility is different for desktop, tablet landscape, tablet portrait (slider 1) and mobile portrait (slider 2). This works great, but whilst the hidden slider is not visible, it leaves unnecessary whitespace which really bugs me.
Since pictures say more than 1000 words
With hidden easy slider between menu and image: https://pasteboard.co/HI7xrFw.png
Hidden easy slider removed: https://pasteboard.co/HI7xVMj.png
if it helps, this is the div of the hidden easy slider.
<div data-size="masonry" data-lightbox_size="large" data-animation="fade" data-conditional_play="" data-ids="534,535,536" data-video_counter="0" data-autoplay="true" data-bg_slider="false" data-slide_height="" data-handle="av_slideshow" data-interval="5" data-class=" avia-builder-el-0 el_before_av_slideshow avia-builder-el-first av-desktop-hide av-medium-hide av-small-hide" data-css_id="" data-scroll_down="" data-control_layout="av-control-default" data-custom_markup="" data-perma_caption="" data-autoplay_stopper="" data-image_attachment="" data-min_height="0px" data-default-height="100" class="avia-slideshow avia-slideshow-1 av-control-default avia-slideshow-masonry av_slideshow avia-builder-el-0 el_before_av_slideshow avia-builder-el-first av-desktop-hide av-medium-hide av-small-hide avia-fade-slider" itemprop="ImageObject" itemscope="itemscope" itemtype="https://schema.org/ImageObject"><ul class="avia-slideshow-inner " style="padding: 0px;"><li class=" slide-1 " style="visibility: visible; opacity: 1; transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s; transform: translateZ(0px);"><div data-rel="slideshow-1" class="avia-slide-wrap "><img src="https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2960.jpg?fit=705%2C705&ssl=1" width="705" height="705" title="MK3C2960" alt="" itemprop="thumbnailUrl" data-lazy-src="https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2960.jpg?fit=705%2C705&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class=" jetpack-lazy-image" style="left: 0px;"><noscript><img src='https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2960.jpg?fit=705%2C705&ssl=1' width='705' height='705' title='MK3C2960' alt='' itemprop="thumbnailUrl" /></noscript></div></li><li class=" slide-2 "><div data-rel="slideshow-1" class="avia-slide-wrap "><img src="https://i0.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2704.jpg?fit=705%2C705&ssl=1" width="705" height="705" title="MK3C2704" alt="" itemprop="thumbnailUrl" data-lazy-src="https://i0.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2704.jpg?fit=705%2C705&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class=" jetpack-lazy-image"><noscript><img src='https://i0.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2704.jpg?fit=705%2C705&ssl=1' width='705' height='705' title='MK3C2704' alt='' itemprop="thumbnailUrl" /></noscript></div></li><li class=" slide-3 "><div data-rel="slideshow-1" class="avia-slide-wrap "><img src="https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2703.jpg?fit=705%2C705&ssl=1" width="705" height="705" title="MK3C2703" alt="" itemprop="thumbnailUrl" data-lazy-src="https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2703.jpg?fit=705%2C705&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class=" jetpack-lazy-image"><noscript><img src='https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2703.jpg?fit=705%2C705&ssl=1' width='705' height='705' title='MK3C2703' alt='' itemprop="thumbnailUrl" /></noscript></div></li></ul><div class="avia-slideshow-arrows avia-slideshow-controls"><a href="#prev" class="prev-slide" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">Previous</a><a href="#next" class="next-slide" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">Next</a></div><div class="avia-slideshow-dots avia-slideshow-controls"><a href="#1" class="goto-slide active">1</a><a href="#2" class="goto-slide ">2</a><a href="#3" class="goto-slide ">3</a></div></div>In reply to: how do I put prev / next at the botton of the pages?
themes\enfold\config-events-calendar\views\single-event.php
does not contain what I need, home navigation seems to be controlled elsewhere<?php /** * Single Event Template * A single event. This displays the event title, description, meta, and * optionally, the Google map for the event. * * Override this template in your own theme by creating a file at [your-theme]/tribe-events/single-event.php * * @package TribeEventsCalendar * */ if ( !defined('ABSPATH') ) { die('-1'); } $event_id = get_the_ID(); ?> <div id="tribe-events-content" class="tribe-events-single vevent hentry"> <p class="tribe-events-back"><a href="<?php echo tribe_get_events_link() ?>"> <?php _e( '« All Events', 'avia_framework' ) ?></a></p> <!-- Notices --> <?php if(function_exists('tribe_the_notices') ) { tribe_the_notices(); } else { tribe_events_the_notices(); } ?> <?php while ( have_posts() ) : the_post(); ?> <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <!-- Event featured image, but exclude link --> <div class='av-single-event-content'> <?php the_title( '<h2 class="tribe-events-single-event-title summary entry-title">', '</h2>' ); ?> <div class="tribe-events-schedule updated published tribe-clearfix"> <?php echo tribe_events_event_schedule_details( $event_id, '<h3>', '</h3>'); ?> <?php if ( tribe_get_cost() ) : ?> <span class="tribe-events-divider">-</span> <span class="tribe-events-cost"><?php echo tribe_get_cost( null, true ) ?></span> <?php endif; ?> </div> <!-- Event content --> <?php do_action( 'tribe_events_single_event_before_the_content' ) ?> <div class="tribe-events-single-event-description tribe-events-content entry-content description"> <?php echo tribe_event_featured_image($event_id, 'entry_with_sidebar', false); ?> <?php the_content(); ?> </div><!-- .tribe-events-single-event-description --> <div class='av-single-event-meta-bar av-single-event-meta-bar-mobile'> <div class='av-single-event-meta-bar-inner'> <!-- Event meta --> <?php do_action( 'tribe_events_single_event_before_the_meta' ) ?> <?php /** * See comment below - backwards comp. only * * To allow a more logical order of content on mobile/desktop we add 2 copies of the meta data * and show/hide with CSS */ if ( ! apply_filters( 'tribe_events_single_event_meta_legacy_mode', false ) ) { tribe_get_template_part( 'modules/meta' ); } else { echo tribe_events_single_event_meta(); } ?> <?php do_action( 'tribe_events_single_event_after_the_meta' ) ?> </div> <!-- Event meta --> </div> <?php do_action( 'tribe_events_single_event_after_the_content' ) ?> <?php if( get_post_type() == Tribe__Events__Main::POSTTYPE && tribe_get_option( 'showComments', false ) ) comments_template() ?> </div> <!-- av-single-event-content --> <div class='av-single-event-meta-bar av-single-event-meta-bar-desktop'> <div class='av-single-event-meta-bar-inner'> <!-- Event meta --> <?php do_action( 'tribe_events_single_event_before_the_meta' ) ?> <?php /** * The tribe_events_single_event_meta() function has been deprecated and has been * left in place only to help customers with existing meta factory customizations * to transition: if you are one of those users, please review the new meta templates * and make the switch! * * Function was removed in version 3.11 on 22.7.2015 * * To allow a more logical order of content on mobile/desktop we add 2 copies of the meta data * and show/hide with CSS */ if ( ! apply_filters( 'tribe_events_single_event_meta_legacy_mode', false ) ) { tribe_get_template_part( 'modules/meta' ); } else { echo tribe_events_single_event_meta(); } ?> <?php do_action( 'tribe_events_single_event_after_the_meta' ) ?> </div> </div> </div> <!-- #post-x --> <?php endwhile; ?> <!-- Event footer --> <div id="tribe-events-footer"> <!-- Navigation --> <!-- Navigation --> <h3 class="tribe-events-visuallyhidden"><?php _e( 'Event Navigation', 'avia_framework' ) ?></h3> <ul class="tribe-events-sub-nav"> <li class="tribe-events-nav-previous"><?php tribe_the_prev_event_link( '<span>«</span> %title%' ) ?></li> <li class="tribe-events-nav-next"><?php tribe_the_next_event_link( '%title% <span>»</span>' ) ?></li> </ul><!-- .tribe-events-sub-nav --> </div><!-- #tribe-events-footer --> </div><!-- #tribe-events-content -->In reply to: Video on hover for portfolio items
Hi,
Are you going to use mp4 videos on your site? This script might work for the portfolio grid but you have to add the videos as the portfolio items’ external url.
Add this in the functions.php file:
add_action('wp_footer', 'ava_custom_portfolio_video', 9999); function ava_custom_portfolio_video(){ ?> <script type="text/javascript"> (function($) { $('.grid-entry').each( function(e) { var entry = $(this); var link = entry.find('.grid-image'); var poster = link.find('img'); var video = '<video class="w-100 grid-video" loop="" preload="true" controls="false" muted=""><source src="'+link.attr("href")+'" type="video/mp4"></video>'; $(video).appendTo(entry); var video = entry.find('video'); $(this).hover( hoverVideo, hideVideo ); function hoverVideo(e) { video.get(0).play(); link.css('z-index', '1'); } function hideVideo(e) { video.get(0).pause(); link.css('z-index', '3'); } }); $('.grid-video', 'body').avia_html5_activation({ratio:'16:9'}); })(jQuery); </script> <?php }And then use this on the Quick CSS field:
.grid-video .mejs-controls, .grid-video .mejs-button, .grid-video .mejs-overlay-button { display: none !important; } .grid-video { position: absolute; top: 0; width: 100% !important; height: 100% !important; z-index: 2; } .grid-video video { object-fit: cover !important; }NOTE: This is not going to work for youtube or vimeo videos.
Best regards,
IsmaelIn reply to: Gallery: Move thumbnails above big image
Hey Daan88,
Please use this code for the gallery.php:
<?php /** * Gallery * * Shortcode that allows to create a gallery based on images selected from the media library */ if ( ! defined( 'ABSPATH' ) ) { exit; } // Exit if accessed directly if ( !class_exists( 'avia_sc_gallery' ) ) { class avia_sc_gallery extends aviaShortcodeTemplate { static $gallery = 0; var $extra_style = ""; var $non_ajax_style = ""; /** * Create the config array for the shortcode button */ function shortcode_insert_button() { $this->config['self_closing'] = 'yes'; $this->config['name'] = __('Gallery', 'avia_framework' ); $this->config['tab'] = __('Media Elements', 'avia_framework' ); $this->config['icon'] = AviaBuilder::$path['imagesURL']."sc-gallery.png"; $this->config['order'] = 6; $this->config['target'] = 'avia-target-insert'; $this->config['shortcode'] = 'av_gallery'; $this->config['modal_data'] = array('modal_class' => 'mediumscreen'); $this->config['tooltip'] = __('Creates a custom gallery', 'avia_framework' ); $this->config['preview'] = 1; $this->config['disabling_allowed'] = 'manually'; //only allowed manually since the default [gallery shortcode] is also affected } function extra_assets() { //load css wp_enqueue_style( 'avia-module-gallery' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/gallery/gallery.css' , array('avia-layout'), false ); wp_enqueue_script( 'avia-module-gallery' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/gallery/gallery.js' , array('avia-shortcodes'), false, TRUE ); } /** * Popup Elements * * If this function is defined in a child class the element automatically gets an edit button, that, when pressed * opens a modal window that allows to edit the element properties * * @return void */ function popup_elements() { $this->elements = array( array( "type" => "tab_container", 'nodescription' => true ), array( "type" => "tab", "name" => __("Content" , 'avia_framework'), 'nodescription' => true ), array( "name" => __("Edit Gallery",'avia_framework' ), "desc" => __("Create a new Gallery by selecting existing or uploading new images",'avia_framework' ), "id" => "ids", "type" => "gallery", "title" => __("Add/Edit Gallery",'avia_framework' ), "button" => __("Insert Images",'avia_framework' ), "std" => ""), array( "name" => __("Gallery Style", 'avia_framework' ), "desc" => __("Choose the layout of your Gallery", 'avia_framework' ), "id" => "style", "type" => "select", "std" => "thumbnails", "subtype" => array( __('Small Thumbnails', 'avia_framework' ) =>'thumbnails', __('Big image with thumbnails below', 'avia_framework' ) =>'big_thumb', __('Big image only, other images can be accessed via lightbox', 'avia_framework' ) =>'big_thumb lightbox_gallery', ) ), array( "name" => __("Gallery Big Preview Image Size", 'avia_framework' ), "desc" => __("Choose image size for the Big Preview Image", 'avia_framework' ), "id" => "preview_size", "type" => "select", "std" => "portfolio", "required" => array('style','contains','big_thumb'), "subtype" => AviaHelper::get_registered_image_sizes(array('logo')) ), array( "name" => __("Force same size for all big preview images?", 'avia_framework' ), "desc" => __("Depending on the size you selected above, preview images might differ in size. Should the theme force them to display at exactly the same size?", 'avia_framework' ), "id" => "crop_big_preview_thumbnail", "type" => "select", "std" => "yes", "required" => array('style','equals','big_thumb'), "subtype" => array(__('Yes, force same size on all Big Preview images, even if they use a different aspect ratio', 'avia_framework') => 'avia-gallery-big-crop-thumb', __('No, do not force the same size', 'avia_framework') => 'avia-gallery-big-no-crop-thumb')), array( "name" => __("Gallery Preview Image Size", 'avia_framework' ), "desc" => __("Choose image size for the small preview thumbnails", 'avia_framework' ), "id" => "thumb_size", "type" => "select", "std" => "portfolio", "required" => array('style','not','big_thumb lightbox_gallery'), "subtype" => AviaHelper::get_registered_image_sizes(array('logo')) ), array( "name" => __("Thumbnail Columns", 'avia_framework' ), "desc" => __("Choose the column count of your Gallery", 'avia_framework' ), "id" => "columns", "type" => "select", "std" => "5", "required" => array('style','not','big_thumb lightbox_gallery'), "subtype" => AviaHtmlHelper::number_array(1,12,1) ), array( "name" => __("Use Lighbox", 'avia_framework' ), "desc" => __("Do you want to activate the lightbox", 'avia_framework' ), "id" => "imagelink", "type" => "select", "std" => "5", "required" => array('style','not','big_thumb lightbox_gallery'), "subtype" => array( __('Yes', 'avia_framework' ) =>'lightbox', __('No, open the images in the browser window', 'avia_framework' ) =>'aviaopeninbrowser noLightbox', __('No, open the images in a new browser window/tab', 'avia_framework' ) =>'aviaopeninbrowser aviablank noLightbox', __('No, don\'t add a link to the images at all', 'avia_framework' ) =>'avianolink noLightbox') ), array( "name" => __("Thumbnail fade in effect", 'avia_framework' ), "desc" => __("You can set when the gallery thumbnail animation starts", 'avia_framework' ), "id" => "lazyload", "type" => "select", "std" => "avia_lazyload", "required" => array('style','not','big_thumb lightbox_gallery'), "subtype" => array( __('Show the animation when user scrolls to the gallery', 'avia_framework' ) =>'avia_lazyload', __('Activate animation on page load (might be preferable on large galleries)', 'avia_framework' ) =>'deactivate_avia_lazyload') ), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "tab", "name" => __("Screen Options",'avia_framework' ), 'nodescription' => true ), array( "name" => __("Element Visibility",'avia_framework' ), "desc" => __("Set the visibility for this element, based on the device screensize.", 'avia_framework' ), "type" => "heading", "description_class" => "av-builder-note av-neutral", ), array( "desc" => __("Hide on large screens (wider than 990px - eg: Desktop)", 'avia_framework'), "id" => "av-desktop-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "desc" => __("Hide on medium sized screens (between 768px and 989px - eg: Tablet Landscape)", 'avia_framework'), "id" => "av-medium-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "desc" => __("Hide on small screens (between 480px and 767px - eg: Tablet Portrait)", 'avia_framework'), "id" => "av-small-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "desc" => __("Hide on very small screens (smaller than 479px - eg: Smartphone Portrait)", 'avia_framework'), "id" => "av-mini-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "close_div", 'nodescription' => true ), ); } /** * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className * * * @param array $params this array holds the default values for $content and $args. * @return $params the return array usually holds an innerHtml key that holds item specific markup. */ function editor_element($params) { $params['innerHtml'] = "<img src='".$this->config['icon']."' title='".$this->config['name']."' />"; $params['innerHtml'].= " <div class='avia-element-label'>".$this->config['name']."</div> "; $params['content'] = NULL; //remove to allow content elements return $params; } /** * Frontend Shortcode Handler * * @param array $atts array of attributes * @param string $content text within enclosing form of shortcode element * @param string $shortcodename the shortcode found, when == callback name * @return string $output returns the modified html string */ function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "") { extract(AviaHelper::av_mobile_sizes($atts)); //return $av_font_classes, $av_title_font_classes and $av_display_classes $output = ""; $first = true; if(empty($atts['columns']) && isset($atts['ids'])) { $atts['columns'] = count(explode(",", $atts['ids'])); if($atts['columns'] > 10) { $atts['columns'] = 10; } } extract(shortcode_atts(array( 'order' => 'ASC', 'thumb_size' => 'thumbnail', 'size' => '', 'lightbox_size' => 'large', 'preview_size' => 'portfolio', 'ids' => '', 'ajax_request' => false, 'imagelink' => 'lightbox', 'style' => 'thumbnails', 'columns' => 5, 'lazyload' => 'avia_lazyload', 'crop_big_preview_thumbnail' => 'avia-gallery-big-crop-thumb' ), $atts, $this->config['shortcode'])); $attachments = get_posts(array( 'include' => $ids, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => $order, 'orderby' => 'post__in') ); //compatibility mode for default wp galleries if(!empty($size)) $thumb_size = $size; if('big_thumb lightbox_gallery' == $style) { $imagelink = 'lightbox'; $lazyload = 'deactivate_avia_lazyload'; $meta['el_class'] .= " av-hide-gallery-thumbs"; } if(!empty($attachments) && is_array($attachments)) { self::$gallery++; $thumb_width = round(100 / $columns, 4); $markup = avia_markup_helper(array('context' => 'image','echo'=>false, 'custom_markup'=>$meta['custom_markup'])); $output .= " <div class='avia-gallery {$av_display_classes} avia-gallery-".self::$gallery." ".$lazyload." avia_animate_when_visible ".$meta['el_class']."' $markup>"; $thumbs = ""; $counter = 0; foreach($attachments as $attachment) { $link = apply_filters('avf_avia_builder_gallery_image_link', wp_get_attachment_image_src($attachment->ID, $lightbox_size), $attachment, $atts, $meta); $custom_link_class = !empty($link['custom_link_class']) ? $link['custom_link_class'] : ''; $class = $counter++ % $columns ? "class='$imagelink $custom_link_class'" : "class='first_thumb $imagelink $custom_link_class'"; $img = wp_get_attachment_image_src($attachment->ID, $thumb_size); $prev = wp_get_attachment_image_src($attachment->ID, $preview_size); $caption = trim($attachment->post_excerpt) ? wptexturize($attachment->post_excerpt) : ""; $tooltip = $caption ? "data-avia-tooltip='".$caption."'" : ""; $alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true); $alt = !empty($alt) ? esc_attr($alt) : ''; $title = trim($attachment->post_title) ? esc_attr($attachment->post_title) : ""; $description = trim($attachment->post_content) ? esc_attr($attachment->post_content) : esc_attr(trim($attachment->post_excerpt)); $markup_url = avia_markup_helper(array('context' => 'image_url','echo'=>false, 'id'=>$attachment->ID, 'custom_markup'=>$meta['custom_markup'])); if( strpos($style, "big_thumb") !== false && $first) { $big_thumb = "<a class='avia-gallery-big fakeLightbox $imagelink $crop_big_preview_thumbnail $custom_link_class' href='".$link[0]."' data-onclick='1' title='".$description."' ><span class='avia-gallery-big-inner' $markup_url>"; $big_thumb .= " <img width='".$prev[1]."' height='".$prev[2]."' src='".$prev[0]."' title='".$title."' alt='".$alt."' />"; if($caption) $big_thumb .= " <span class='avia-gallery-caption'>{$caption}</span>"; $big_thumb .= "</span></a>"; } $thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' $markup_url><img {$tooltip} src='".$img[0]."' width='".$img[1]."' height='".$img[2]."' title='".$title."' alt='".$alt."' /></a>"; $first = false; } $output .= " <div class='avia-gallery-thumb'>{$thumbs}</div> {$big_thumb}"; $output .= "</div> "; $selector = !empty($atts['ajax_request']) ? ".ajax_slide" : ""; //generate thumb width based on columns $this->extra_style .= "<style type='text/css'>"; $this->extra_style .= "#top #wrap_all {$selector} .avia-gallery-".self::$gallery." .avia-gallery-thumb a{width:{$thumb_width}%;}"; $this->extra_style .= "</style>"; if(!empty($this->extra_style)) { if(!empty($atts['ajax_request']) || !empty($_POST['avia_request'])) { $output .= $this->extra_style; $this->extra_style = ""; } else { $this->non_ajax_style = $this->extra_style; add_action('wp_footer', array($this, 'print_extra_style')); } } } return $output; } function print_extra_style() { echo $this->non_ajax_style; } } }and add this code to the quick css field:
#top div .avia-gallery .avia-gallery-big { width: 100%; }Best regards,
PeterHello,
I’m using the gallery function as a big image with the thumbnails below, but I would like to move them above the image. I’m only a novice with PHP but I almost got it to work, but there is still something going wrong. It only shows 1 thumbnail above, and the big image gets a link/caption of the next thumbnail. I think it doesn’t close a certain <div> or something. I feel like I’m really close so it would be awesome if you could have quick look!Original:
foreach($attachments as $attachment) { $link = apply_filters('avf_avia_builder_gallery_image_link', wp_get_attachment_image_src($attachment->ID, $lightbox_size), $attachment, $atts, $meta); $custom_link_class = !empty($link['custom_link_class']) ? $link['custom_link_class'] : ''; $class = $counter++ % $columns ? "class='$imagelink $custom_link_class'" : "class='first_thumb $imagelink $custom_link_class'"; $img = wp_get_attachment_image_src($attachment->ID, $thumb_size); $prev = wp_get_attachment_image_src($attachment->ID, $preview_size); $caption = trim($attachment->post_excerpt) ? wptexturize($attachment->post_excerpt) : ""; $tooltip = $caption ? "data-avia-tooltip='".$caption."'" : ""; $alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true); $alt = !empty($alt) ? esc_attr($alt) : ''; $title = trim($attachment->post_title) ? esc_attr($attachment->post_title) : ""; $description = trim($attachment->post_content) ? esc_attr($attachment->post_content) : esc_attr(trim($attachment->post_excerpt)); $markup_url = avia_markup_helper(array('context' => 'image_url','echo'=>false, 'id'=>$attachment->ID, 'custom_markup'=>$meta['custom_markup'])); if( strpos($style, "big_thumb") !== false && $first) // Big image { $output .= "<a class='avia-gallery-big fakeLightbox $imagelink $crop_big_preview_thumbnail $custom_link_class' href='".$link[0]."' data-onclick='1' title='".$description."' ><span class='avia-gallery-big-inner' $markup_url>"; $output .= " <img width='".$prev[1]."' height='".$prev[2]."' src='".$prev[0]."' title='".$title."' alt='".$alt."' />"; if($caption) $output .= " <span class='avia-gallery-caption'>{$caption}</span>"; $output .= "</span></a>"; } // End Big image // Start thumbnails $thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' $markup_url><img {$tooltip} src='".$img[0]."' width='".$img[1]."' height='".$img[2]."' title='".$title."' alt='".$alt."' /></a>"; $first = false; } $output .= "<div class='avia-gallery-thumb'>{$thumbs}</div>"; $output .= "</div>"; $selector = !empty($atts['ajax_request']) ? ".ajax_slide" : ""; //generate thumb width based on columns $this->extra_style .= "<style type='text/css'>"; $this->extra_style .= "#top #wrap_all {$selector} .avia-gallery-".self::$gallery." .avia-gallery-thumb a{width:{$thumb_width}%;}"; $this->extra_style .= "</style>"; if(!empty($this->extra_style)) { if(!empty($atts['ajax_request']) || !empty($_POST['avia_request'])) { $output .= $this->extra_style; $this->extra_style = ""; } else { $this->non_ajax_style = $this->extra_style; add_action('wp_footer', array($this, 'print_extra_style')); } } // End thumbnails } return $output; } function print_extra_style() { echo $this->non_ajax_style; } } }My gallery.php:
foreach($attachments as $attachment) { $link = apply_filters('avf_avia_builder_gallery_image_link', wp_get_attachment_image_src($attachment->ID, $lightbox_size), $attachment, $atts, $meta); $custom_link_class = !empty($link['custom_link_class']) ? $link['custom_link_class'] : ''; $class = $counter++ % $columns ? "class='$imagelink $custom_link_class'" : "class='first_thumb $imagelink $custom_link_class'"; $img = wp_get_attachment_image_src($attachment->ID, $thumb_size); $prev = wp_get_attachment_image_src($attachment->ID, $preview_size); $caption = trim($attachment->post_excerpt) ? wptexturize($attachment->post_excerpt) : ""; $tooltip = $caption ? "data-avia-tooltip='".$caption."'" : ""; $alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true); $alt = !empty($alt) ? esc_attr($alt) : ''; $title = trim($attachment->post_title) ? esc_attr($attachment->post_title) : ""; $description = trim($attachment->post_content) ? esc_attr($attachment->post_content) : esc_attr(trim($attachment->post_excerpt)); $markup_url = avia_markup_helper(array('context' => 'image_url','echo'=>false, 'id'=>$attachment->ID, 'custom_markup'=>$meta['custom_markup'])); if( strpos($style, "big_thumb") !== false && $first) // Begin Thumnails $thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' $markup_url><img {$tooltip} src='".$img[0]."' width='".$img[1]."' height='".$img[2]."' title='".$title."' alt='".$alt."' /></a>"; $first = false; } $output .= "<div class='avia-gallery-thumb'>{$thumbs}</div>"; $output .= "</div>"; $selector = !empty($atts['ajax_request']) ? ".ajax_slide" : ""; //generate thumb width based on columns $this->extra_style .= "<style type='text/css'>"; $this->extra_style .= "#top #wrap_all {$selector} .avia-gallery-".self::$gallery." .avia-gallery-thumb a{width:{$thumb_width}%;}"; $this->extra_style .= "</style>"; if(!empty($this->extra_style)) { if(!empty($atts['ajax_request']) || !empty($_POST['avia_request'])) { $output .= $this->extra_style; $this->extra_style = ""; } else { $this->non_ajax_style = $this->extra_style; add_action('wp_footer', array($this, 'print_extra_style')); } } // END thumbnails // Start Big image { $output .= "<a class='avia-gallery-big fakeLightbox $imagelink $crop_big_preview_thumbnail $custom_link_class' href='".$link[0]."' data-onclick='1' title='".$description."' ><span class='avia-gallery-big-inner' $markup_url>"; $output .= " <img width='".$prev[1]."' height='".$prev[2]."' src='".$prev[0]."' title='".$title."' alt='".$alt."' />"; if($caption) $output .= " <span class='avia-gallery-caption'>{$caption}</span>"; $output .= "</span></a>"; } // End Big image } return $output; } function print_extra_style() { echo $this->non_ajax_style; } } }Thanks in advance!
DaanIn reply to: Caption hover effect
Hi OPVAB,
Thanks for giving us admin access.
I have checked Show element options for developers in Enfold > Layout Builder.
Then on the page, I used a grid row to create 3 columns then added in Custom CSS Class: custom-grid
In your Quick CSS (located in Enfold > General Styling), I added this code:.custom-grid .flex_cell { padding: 0 !important; } .custom-grid .flex_cell_inner { position: relative; } .custom-grid .av_textblock_section { background: rgba(0,0,0,0.5); padding: 20px 20px 10px; width: 100%; position: absolute; bottom: 0; z-index: 100; } .custom-grid .avia-image-container-inner, .custom-grid .avia-image-container-inner .avia_image { width: 100%; } .custom-grid .av_textblock_section h3 { font-size: 28px; } .custom-grid .av_textblock_section p { display: none !important; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .4s linear; -o-transition: opacity .4s linear; transition: opacity .4s linear; } .custom-grid .flex_cell_inner:hover .av_textblock_section p { display: block !important; opacity: 1; filter: alpha(opacity=100); }The only thing remaining is the animation which can be done via javascript which would take sometime to do and outside the scope of our support.
Best regards,
NikkoTopic: ERROR
Hello,
Sometimes when I open my building site appears all this warnings! Usually first time I get into the page it appers, then I upload the page again and it’s ok. Idk how this is happening and I don’t know if it’s affecting other functions on my site. Do you know? All my pluggins have been disabeld
Thank you!
All the warnings are like 6 pages on word, but somes the same one:Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/css/base.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/css/layout.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/audio-player/audio-player.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/blog/blog.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/postslider/postslider.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/buttons/buttons.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/buttonrow/buttonrow.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/buttons_fullwidth/buttons_fullwidth.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/catalogue/catalogue.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/comments/comments.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/contact/contact.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/slideshow/slideshow.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/contentslider/contentslider.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/countdown/countdown.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/gallery/gallery.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/google_maps/google_maps.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/grid_row/grid_row.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/heading/heading.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/hr/hr.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/icon/icon.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/iconbox/iconbox.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/iconlist/iconlist.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/image/image.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/image_hotspots/image_hotspots.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/magazine/magazine.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/css/avia-snippet-site-preloader.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/menu/menu.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/notification/notification.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/numbers/numbers.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/portfolio/portfolio.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/progressbar/progressbar.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/promobox/promobox.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/slideshow_feature_image/slideshow_feature_image.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/slideshow_fullsize/slideshow_fullsize.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/social_share/social_share.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/tab_section/tab_section.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/table/table.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/tabs/tabs.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/team/team.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/testimonials/testimonials.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/timeline/timeline.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/toggles/toggles.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/config-templatebuilder/avia-shortcodes/video/video.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/css/shortcodes.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/js/aviapopup/magnific-popup.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/css/avia-snippet-lightbox.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/css/avia-snippet-widget.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/css/custom.css): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-template-builder/php/asset-manager.class.php on line 326
Warning: file_get_contents(/var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold%20/js/avia-compat.js): failed to open stream: No such file or directory in /var/www/vhost/iesflix.cat/home/html/web/wp-content/themes/enfold /config-templatebuilder/avia-
Hi, I’m having trouble making it work. I’m not super savvy with custom css, but I’ve enabled the custom CSS class names and named the image “product_animation”. I was able to find the css in shortcodes in the animation sections and believe this is the masonry gallery animation. I input the class and then nested the animation inside brackets, like so:
( but I’m not sure if this is correct ).product_animation {
@-webkit-keyframes .avia_msonry_show {
0% { -webkit-transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1; }
100% { -webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
@keyframes .avia_msonry_show {
0% { transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1; }
100% { transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
}In reply to: Http error 500
Hi Victora,
See below:<?php
//Tried both with and without added enqueing code. Seemed not to make a difference #SG;
//#SG: Enqueuing the parent theme stylesheet;
add_action( ‘wp_enqueue_scripts’, ‘enqueue_child_theme_styles’, PHP_INT_MAX);
function enqueue_child_theme_styles() {
wp_enqueue_style( ‘avia-style’, get_template_directory_uri().’/style.css’ );
}
// #SG: Enqueuing the parent theme CSS;
function my_theme_enqueue_styles() {$parent_style = ‘avia-style’; // This is ‘avia-style’ for the Enfold theme.
wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘/style.css’ );
wp_enqueue_style( ‘child-style’,
get_stylesheet_directory_uri() . ‘/style.css’,
array( $parent_style ),
wp_get_theme()->get(‘Version’)
);
}
add_action( ‘wp_enqueue_scripts’, ‘my_theme_enqueue_styles’ );/*
* 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.
*/// Added by #SG for Eliminate render-blocking JavaScript and CSS in above-the-fold content
function my_init()
{
if (!is_admin())
{
wp_deregister_script(‘jquery’);// Load a copy of jQuery from the Google API CDN
// The last parameter set to TRUE states that it should be loaded
// in the footer.
wp_register_script(‘jquery’, ‘http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js’, FALSE, ‘1.11.0’, TRUE);wp_enqueue_script(‘jquery’);
}
}
add_action(‘init’, ‘my_init’);
//End of added code by #SGif ( !defined(‘ABSPATH’) ){ die(); }
global $avia_config;
/*
/*
* if you run a child theme and dont want to load the default functions.php file
* set the global var below in you childthemes function.php to true:
*
* example: global $avia_config; $avia_config[‘use_child_theme_functions_only’] = true;
* The default functions.php file will then no longer be loaded. You need to make sure then
* to include framework and functions that you want to use by yourself.
*
* This is only recommended for advanced users
*/if(isset($avia_config[‘use_child_theme_functions_only’])) return;
/*
* create a global var which stores the ids of all posts which are displayed on the current page. It will help us to filter duplicate posts
*/$avia_config[‘posts_on_current_page’] = array();
/*
* wpml multi site config file
* needs to be loaded before the framework
*/require_once( ‘config-wpml/config.php’ );
/**
* layerslider plugin – needs to be loaded before framework because we need to add data to the options array
*
* To be backwards compatible we still support add_theme_support(‘deactivate_layerslider’);
* This will override the option setting “activation” of the bundled plugin !!
*
* @since 4.2.1
*//*DEACTIVATED by #SG (Remove this line to activate)
require_once( ‘config-layerslider/config.php’ );/*
* These are the available color sets in your backend.
* If more sets are added users will be able to create additional color schemes for certain areas
*
* The array key has to be the class name, the value is only used as tab heading on the styling page
*/$avia_config[‘color_sets’] = array(
‘header_color’ => ‘Logo Area’,
‘main_color’ => ‘Main Content’,
‘alternate_color’ => ‘Alternate Content’,
‘footer_color’ => ‘Footer’,
‘socket_color’ => ‘Socket’
);/*
* add support for responsive mega menus
*/add_theme_support(‘avia_mega_menu’);
/*
* add support for improved backend styling
*/add_theme_support(‘avia_improved_backend_style’);
/*
* deactivates the default mega menu and allows us to pass individual menu walkers when calling a menu
*/add_filter(‘avia_mega_menu_walker’, ‘__return_false’);
/*
* adds support for the new avia sidebar manager
*/add_theme_support(‘avia_sidebar_manager’);
/*
* Filters for post formats etc
*/
//add_theme_support(‘avia_queryfilter’);/*
* Register theme text domain
*/
if(!function_exists(‘avia_lang_setup’))
{
add_action(‘after_setup_theme’, ‘avia_lang_setup’);function avia_lang_setup()
{
$lang = apply_filters(‘ava_theme_textdomain_path’, get_template_directory() . ‘/lang’);
load_theme_textdomain(‘avia_framework’, $lang);
}avia_lang_setup();
}/*
function that changes the icon of the theme update tab
*/if(!function_exists(‘avia_theme_update_filter’))
{
function avia_theme_update_filter( $data )
{
if(current_theme_supports(‘avia_improved_backend_style’))
{
$data[‘icon’] = (Email address hidden if logged out) ‘;
}
return $data;
}add_filter(‘avf_update_theme_tab’, ‘avia_theme_update_filter’, 30, 1);
}##################################################################
# AVIA FRAMEWORK by Kriesi# this include calls a file that automatically includes all
# the files within the folder framework and therefore makes
# all functions and classes available for later userequire_once( ‘framework/avia_framework.php’ );
##################################################################
/*
* Register additional image thumbnail sizes
* Those thumbnails are generated on image upload!
*
* If the size of an array was changed after an image was uploaded you either need to re-upload the image
* or use the thumbnail regeneration plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/
*/$avia_config[‘imgSize’][‘widget’] = array(‘width’=>36, ‘height’=>36); // small preview pics eg sidebar news
$avia_config[‘imgSize’][‘square’] = array(‘width’=>180, ‘height’=>180); // small image for blogs
$avia_config[‘imgSize’][‘featured’] = array(‘width’=>1500, ‘height’=>430 ); // images for fullsize pages and fullsize slider
$avia_config[‘imgSize’][‘featured_large’] = array(‘width’=>1500, ‘height’=>630 ); // images for fullsize pages and fullsize slider
$avia_config[‘imgSize’][‘extra_large’] = array(‘width’=>1500, ‘height’=>1500 , ‘crop’ => false); // images for fullscrren slider
$avia_config[‘imgSize’][‘portfolio’] = array(‘width’=>495, ‘height’=>400 ); // images for portfolio entries (2,3 column)
$avia_config[‘imgSize’][‘portfolio_small’] = array(‘width’=>260, ‘height’=>185 ); // images for portfolio 4 columns
$avia_config[‘imgSize’][‘gallery’] = array(‘width’=>845, ‘height’=>684 ); // images for portfolio entries (2,3 column)
$avia_config[‘imgSize’][‘magazine’] = array(‘width’=>710, ‘height’=>375 ); // images for magazines
$avia_config[‘imgSize’][‘masonry’] = array(‘width’=>705, ‘height’=>705 , ‘crop’ => false); // images for fullscreen masonry
$avia_config[‘imgSize’][‘entry_with_sidebar’] = array(‘width’=>845, ‘height’=>321); // big images for blog and page entries
$avia_config[‘imgSize’][‘entry_without_sidebar’]= array(‘width’=>1210, ‘height’=>423 ); // images for fullsize pages and fullsize slider
$avia_config[‘imgSize’] = apply_filters(‘avf_modify_thumb_size’, $avia_config[‘imgSize’]);$avia_config[‘selectableImgSize’] = array(
‘square’ => __(‘Square’,’avia_framework’),
‘featured’ => __(‘Featured Thin’,’avia_framework’),
‘featured_large’ => __(‘Featured Large’,’avia_framework’),
‘portfolio’ => __(‘Portfolio’,’avia_framework’),
‘gallery’ => __(‘Gallery’,’avia_framework’),
‘entry_with_sidebar’ => __(‘Entry with Sidebar’,’avia_framework’),
‘entry_without_sidebar’ => __(‘Entry without Sidebar’,’avia_framework’),
‘extra_large’ => __(‘Fullscreen Sections/Sliders’,’avia_framework’),);
avia_backend_add_thumbnail_size($avia_config);
if ( ! isset( $content_width ) ) $content_width = $avia_config[‘imgSize’][‘featured’][‘width’];
/*
* register the layout classes
*
*/$avia_config[‘layout’][‘fullsize’] = array(‘content’ => ‘av-content-full alpha’, ‘sidebar’ => ‘hidden’, ‘meta’ => ”,’entry’ => ”);
$avia_config[‘layout’][‘sidebar_left’] = array(‘content’ => ‘av-content-small’, ‘sidebar’ => ‘alpha’ ,’meta’ => ‘alpha’, ‘entry’ => ”);
$avia_config[‘layout’][‘sidebar_right’] = array(‘content’ => ‘av-content-small alpha’,’sidebar’ => ‘alpha’, ‘meta’ => ‘alpha’, ‘entry’ => ‘alpha’);/*
* These are some of the font icons used in the theme, defined by the entypo icon font. the font files are included by the new aviaBuilder
* common icons are stored here for easy retrieval
*/$avia_config[‘font_icons’] = apply_filters(‘avf_default_icons’, array(
//post formats + types
‘standard’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue836’),
‘link’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue822’),
‘image’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue80f’),
‘audio’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue801’),
‘quote’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue833’),
‘gallery’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue80e’),
‘video’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue80d’),
‘portfolio’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue849’),
‘product’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue859’),//social
‘behance’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue915’),
‘dribbble’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8fe’),
‘facebook’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f3’),
‘flickr’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8ed’),
‘gplus’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f6’),
‘linkedin’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8fc’),
‘instagram’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue909’),
‘pinterest’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f8’),
‘skype’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue90d’),
‘tumblr’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8fa’),
‘twitter’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f1’),
‘vimeo’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8ef’),
‘rss’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue853’),
‘youtube’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue921’),
‘xing’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue923’),
‘soundcloud’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue913’),
‘five_100_px’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue91d’),
‘vk’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue926’),
‘reddit’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue927’),
‘digg’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue928’),
‘delicious’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue929’),
‘mail’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue805’),//woocomemrce
‘cart’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue859’),
‘details’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue84b’),//bbpress
‘supersticky’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue808’),
‘sticky’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue809’),
‘one_voice’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue83b’),
‘multi_voice’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue83c’),
‘closed’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue824’),
‘sticky_closed’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue808\ue824’),
‘supersticky_closed’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue809\ue824’),//navigation, slider & controls
‘play’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue897’),
‘pause’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue899’),
‘next’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue879’),
‘prev’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue878’),
‘next_big’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue87d’),
‘prev_big’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue87c’),
‘close’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue814’),
‘reload’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue891’),
‘mobile_menu’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8a5’),//image hover overlays
‘ov_external’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue832’),
‘ov_image’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue869’),
‘ov_video’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue897’),//misc
‘search’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue803’),
‘info’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue81e’),
‘clipboard’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8d1’),
‘scrolltop’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue876’),
‘scrolldown’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue877’),
‘bitcoin’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue92a’),));
/*
* a small array that contains admin notices that can, for example, be called after an update
* just set the db option avia_admin_notice to contain the key of the notice you want to display
* eg: update_option(‘avia_admin_notice’, ‘performance_update’);
*
* classes: error, warning, success, info
* msg: whatever floats your boat :D
*/$avia_config[‘admin_notices’] = array(
//default update success
‘update_success’ => array(‘class’=>’success’, ‘msg’ => __(‘Enfold update was successful! ‘,’avia_framework’)),//update to version 4.3 – performance update. display notice and link to blog post
‘performance_update’ => array(‘class’=>’info’, ‘msg’ => “Attention: The last Enfold update added a lot of performance options. Make sure to read more about it here<br><br>If you are running a caching plugin please make sure to reset your cached files, since the CSS and JS file structure of the theme changed heavily”
),//update to version 4.4 – gdpr update. display notice and link to blog post
‘gdpr_update’ => array(‘class’=>’info’, ‘msg’ => “Attention: Enfold was updated for GDPR compliance. Make sure to read more about it here”
),//more to come…
);add_theme_support( ‘automatic-feed-links’ );
##################################################################
# Frontend Stuff necessary for the theme:
##################################################################/*
* Register frontend javascripts:
*/if(!function_exists(‘avia_register_frontend_scripts’))
{
if(!is_admin()){
add_action(‘wp_enqueue_scripts’, ‘avia_register_frontend_scripts’);
}function avia_register_frontend_scripts()
{
global $avia_config;$theme = wp_get_theme();
if( false !== $theme->parent() )
{
$theme = $theme->parent();
}
$vn = $theme->get( ‘Version’ );$options = avia_get_option();
$template_url = get_template_directory_uri();
$child_theme_url = get_stylesheet_directory_uri();//register js
wp_enqueue_script( ‘avia-compat’, $template_url.’/js/avia-compat.js’ , array(), $vn, false ); //needs to be loaded at the top to prevent bugs
wp_enqueue_script( ‘avia-default’, $template_url.’/js/avia.js’, array(‘jquery’), $vn, true );
wp_enqueue_script( ‘avia-shortcodes’, $template_url.’/js/shortcodes.js’, array(‘jquery’,’avia-default’), $vn, true );wp_enqueue_script( ‘jquery’ );
//register styles
wp_register_style( ‘avia-style’ , $child_theme_url.”/style.css”, array(), $vn, ‘all’ ); //only include in childthemes. has no purpose in main theme
wp_register_style( ‘avia-custom’, $template_url.”/css/custom.css”, array(), $vn, ‘all’ );wp_enqueue_style( ‘avia-grid’ , $template_url.”/css/grid.css”, array(), $vn, ‘all’ );
wp_enqueue_style( ‘avia-base’ , $template_url.”/css/base.css”, array(‘avia-grid’), $vn, ‘all’ );
wp_enqueue_style( ‘avia-layout’, $template_url.”/css/layout.css”, array(‘avia-base’), $vn, ‘all’ );
wp_enqueue_style( ‘avia-scs’, $template_url.”/css/shortcodes.css”, array(‘avia-layout’), $vn, ‘all’ );/************************************************************************
Conditional style and script calling, based on theme options or other conditions
*************************************************************************///lightbox inclusion
$condition = !empty($avia_config[‘use_standard_lightbox’]) && ( ‘disabled’ != $avia_config[‘use_standard_lightbox’] );
avia_enqueue_style_conditionally( $condition , ‘avia-popup-css’, $template_url.”/js/aviapopup/magnific-popup.css”, array(‘avia-layout’), $vn, ‘screen’);
avia_enqueue_style_conditionally( $condition , ‘avia-lightbox’, $template_url.”/css/avia-snippet-lightbox.css”, array(‘avia-layout’), $vn, ‘screen’);
avia_enqueue_script_conditionally( $condition , ‘avia-popup-js’ , $template_url.’/js/aviapopup/jquery.magnific-popup.min.js’, array(‘jquery’), $vn, true);
avia_enqueue_script_conditionally( $condition , ‘avia-lightbox-activation’, $template_url.”/js/avia-snippet-lightbox.js”, array(‘avia-default’), $vn, true);//mega menu inclusion (only necessary with sub menu items)
$condition = (avia_get_submenu_count(‘avia’) > 0);
avia_enqueue_script_conditionally( $condition , ‘avia-megamenu’, $template_url.”/js/avia-snippet-megamenu.js”, array(‘avia-default’), $vn, true);//sidebar menu inclusion (only necessary when header position is set to be a sidebar)
$condition = (isset($options[‘header_position’]) && $options[‘header_position’] != “header_top”);
avia_enqueue_script_conditionally( $condition , ‘avia-sidebarmenu’, $template_url.”/js/avia-snippet-sidebarmenu.js”, array(‘avia-default’), $vn, true);//sticky header with header size calculator
$condition = (isset($options[‘header_position’]) && $options[‘header_position’] == “header_top”);
$condition2 = (isset($options[‘header_sticky’]) && $options[‘header_sticky’] == “header_sticky”) && $condition;
avia_enqueue_script_conditionally( $condition2 , ‘avia-sticky-header’, $template_url.”/js/avia-snippet-sticky-header.js”, array(‘avia-default’), $vn, true);//site preloader
$condition = (isset($options[‘preloader’]) && $options[‘preloader’] == “preloader”);
avia_enqueue_script_conditionally( $condition , ‘avia-siteloader-js’, $template_url.”/js/avia-snippet-site-preloader.js”, array(‘avia-default’), $vn, true, false);
avia_enqueue_style_conditionally( $condition , ‘avia-siteloader’, $template_url.”/css/avia-snippet-site-preloader.css”, array(‘avia-layout’), $vn, ‘screen’, false);//cookie consent
$condition = (isset($options[‘cookie_consent’]) && $options[‘cookie_consent’] == “cookie_consent”);
avia_enqueue_script_conditionally( $condition , ‘avia-cookie-js’ , $template_url.”/js/avia-snippet-cookieconsent.js”, array(‘avia-default’), $vn, true);
avia_enqueue_style_conditionally( $condition , ‘avia-cookie-css’, $template_url.”/css/avia-snippet-cookieconsent.css”, array(‘avia-layout’), $vn, ‘screen’);//load widget css only if we got active widgets
$condition = (avia_get_active_widget_count() > 0);
avia_enqueue_style_conditionally( $condition , ‘avia-widget-css’, $template_url.”/css/avia-snippet-widget.css”, array(‘avia-layout’), $vn, ‘screen’);//load mediaelement js
$condition = !( isset($options[‘disable_mediaelement’]) && $options[‘disable_mediaelement’] == “disable_mediaelement” ) && av_video_assets_required();
$condition2 = ( version_compare( get_bloginfo( ‘version’ ), ‘4.9’, ‘>=’ ) ) && $condition;
avia_enqueue_script_conditionally( $condition , ‘wp-mediaelement’);
avia_enqueue_style_conditionally( $condition2 , ‘wp-mediaelement’); //With WP 4.9 we need to load the stylesheet seperately//comment reply script
global $post;
$condition = !( isset($options[‘disable_blog’]) && $options[‘disable_blog’] == “disable_blog” ) && $post && comments_open();
$condition = ( is_singular() && get_option( ‘thread_comments’ ) ) && $condition;
avia_enqueue_script_conditionally( $condition , ‘comment-reply’);//rtl inclusion
avia_enqueue_style_conditionally( is_rtl() , ‘avia-rtl’, $template_url.”/css/rtl.css”, array(), $vn, ‘all’);
//disable jquery migrate if no plugins are active (enfold does not need it) or if user asked for it in optimization options
$condition = avia_count_active_plugins() == 0 || (isset($options[‘disable_jq_migrate’]) && $options[‘disable_jq_migrate’] != “disable_jq_migrate”);
if(!$condition) avia_disable_query_migrate();//move jquery to footer if no unkown plugins are active
if(av_count_untested_plugins() == 0 || (isset($options[‘jquery_in_footer’]) && $options[‘jquery_in_footer’] == “jquery_in_footer”) ){
av_move_jquery_into_footer();
}/************************************************************************
Inclusion of the dynamic stylesheet
*************************************************************************/global $avia;
$safe_name = avia_backend_safe_string($avia->base_data[‘prefix’]);
$safe_name = apply_filters(‘avf_dynamic_stylesheet_filename’, $safe_name);if( get_option(‘avia_stylesheet_exists’.$safe_name) == ‘true’ )
{
$avia_upload_dir = wp_upload_dir();/**
* Change the default dynamic upload url
*
* @since 4.4
*/$avia_dyn_upload_path = apply_filters(‘avf_dyn_stylesheet_dir_url’, $avia_upload_dir[‘baseurl’] . ‘/dynamic_avia’ );
$avia_dyn_upload_path = trailingslashit( $avia_dyn_upload_path );if( is_ssl() )
{
$avia_dyn_upload_path = str_replace( “http://”, “https://”, $avia_dyn_upload_path );
}/**
* Change the default dynamic stylesheet name
*
* @since 4.4
*/$avia_dyn_stylesheet_url = apply_filters( ‘avf_dyn_stylesheet_file_url’, $avia_dyn_upload_path . $safe_name . ‘.css’ );
$version_number = get_option( ‘avia_stylesheet_dynamic_version’ . $safe_name );
if( empty( $version_number ) )
{
$version_number = $vn;
}wp_enqueue_style( ‘avia-dynamic’, $avia_dyn_stylesheet_url, array(), $version_number, ‘all’ );
}wp_enqueue_style( ‘avia-custom’);
if($child_theme_url != $template_url)
{
wp_enqueue_style( ‘avia-style’);
}}
}if(!function_exists(‘avia_remove_default_video_styling’))
{
if(!is_admin()){
add_action(‘wp_footer’, ‘avia_remove_default_video_styling’, 1);
}function avia_remove_default_video_styling()
{
/**
* remove default style for videos
*
* With WP 4.9 we need to load the stylesheet seperately – therefore we must not remove it
*/if( version_compare( get_bloginfo( ‘version’ ), ‘4.9’, ‘<‘ ) )
{
wp_dequeue_style( ‘mediaelement’ );
}// wp_dequeue_script( ‘wp-mediaelement’ );
// wp_dequeue_style( ‘wp-mediaelement’ );
}
}/*
* Activate native wordpress navigation menu and register a menu location
*/if(!function_exists(‘avia_nav_menus’))
{
function avia_nav_menus()
{
global $avia_config, $wp_customize;add_theme_support(‘nav_menus’);
foreach($avia_config[‘nav_menus’] as $key => $value)
{
//wp-admin\customize.php does not support html code in the menu description – thus we need to strip it
$name = (!empty($value[‘plain’]) && !empty($wp_customize)) ? $value[‘plain’] : $value[‘html’];
register_nav_menu($key, THEMENAME.’ ‘.$name);
}
}$avia_config[‘nav_menus’] = array( ‘avia’ => array(‘html’ => __(‘Main Menu’, ‘avia_framework’)),
‘avia2’ => array(
‘html’ => ”.__(‘Secondary Menu’, ‘avia_framework’).’ <br/><small>(‘.__(‘Will be displayed if you selected a header layout that supports a submenu’, ‘avia_framework’).’ ‘.__(‘here’, ‘avia_framework’).’)</small>’,
‘plain’=> __(‘Secondary Menu – will be displayed if you selected a header layout that supports a submenu’, ‘avia_framework’)),
‘avia3’ => array(
‘html’ => __(‘Footer Menu <br/><small>(no dropdowns)</small>’, ‘avia_framework’),
‘plain’=> __(‘Footer Menu (no dropdowns)’, ‘avia_framework’))
);avia_nav_menus(); //call the function immediatly to activate
}/*
* load some frontend functions in folder include:
*/require_once( ‘includes/admin/register-portfolio.php’ ); // register custom post types for portfolio entries
require_once( ‘includes/admin/register-widget-area.php’ ); // register sidebar widgets for the sidebar and footer
require_once( ‘includes/loop-comments.php’ ); // necessary to display the comments properly
require_once( ‘includes/helper-template-logic.php’ ); // holds the template logic so the theme knows which tempaltes to use
require_once( ‘includes/helper-social-media.php’ ); // holds some helper functions necessary for twitter and facebook buttons
require_once( ‘includes/helper-post-format.php’ ); // holds actions and filter necessary for post formats
require_once( ‘includes/helper-markup.php’ ); // holds the markup logic (schema.org and html5)
require_once( ‘includes/helper-assets.php’ ); // holds asset managment functions
require_once( ‘includes/helper-privacy.php’ ); // holds privacy managment shortcodes and functionsif(current_theme_supports(‘avia_conditionals_for_mega_menu’))
{
require_once( ‘includes/helper-conditional-megamenu.php’ ); // holds the walker for the responsive mega menu
}require_once( ‘includes/helper-responsive-megamenu.php’ ); // holds the walker for the responsive mega menu
//adds the plugin initalization scripts that add styles and functions
require_once( ‘config-bbpress/config.php’ ); //compatibility with bbpress forum plugin
require_once( ‘config-templatebuilder/config.php’ ); //templatebuilder plugin
require_once( ‘config-gravityforms/config.php’ ); //compatibility with gravityforms plugin
require_once( ‘config-woocommerce/config.php’ ); //compatibility with woocommerce plugin
require_once( ‘config-wordpress-seo/config.php’ ); //compatibility with Yoast WordPress SEO plugin
require_once( ‘config-menu-exchange/config.php’ ); //compatibility with Zen Menu Logic and Themify_Conditional_Menus pluginif(!current_theme_supports(‘deactivate_tribe_events_calendar’))
{
require_once( ‘config-events-calendar/config.php’ ); //compatibility with the Events Calendar plugin
}// if(is_admin())
require_once( ‘includes/admin/helper-compat-update.php’); // include helper functions for new versions/*
* dynamic styles for front and backend
*/if(!function_exists(‘avia_custom_styles’))
{
function avia_custom_styles()
{
require_once( ‘includes/admin/register-dynamic-styles.php’ ); // register the styles for dynamic frontend styling
avia_prepare_dynamic_styles();
}add_action(‘init’, ‘avia_custom_styles’, 20);
add_action(‘admin_init’, ‘avia_custom_styles’, 20);
}/*
* activate framework widgets
*/if(!function_exists(‘avia_register_avia_widgets’))
{
function avia_register_avia_widgets()
{
register_widget( ‘avia_newsbox’ );
register_widget( ‘avia_portfoliobox’ );
register_widget( ‘avia_socialcount’ );
register_widget( ‘avia_partner_widget’ );
register_widget( ‘avia_google_maps’ );
register_widget( ‘avia_fb_likebox’ );
register_widget( ‘avia_instagram_widget’ );}
avia_register_avia_widgets(); //call the function immediatly to activate
}/*
* add post format options
*/add_theme_support( ‘post-formats’, array(‘link’, ‘quote’, ‘gallery’,’video’,’image’,’audio’ ) );
/*
* Remove the default shortcode function, we got new ones that are better ;)
*/add_theme_support( ‘avia-disable-default-shortcodes’, true);
/*
* compat mode for easier theme switching from one avia framework theme to another
*/add_theme_support( ‘avia_post_meta_compat’);
/*
* make sure that enfold widgets dont use the old slideshow parameter in widgets, but default post thumbnails
*/add_theme_support(‘force-post-thumbnails-in-widget’);
/*
* display page titles via wordpress default output
*
* @since 3.6
*/function av_theme_slug_setup()
{
add_theme_support( ‘title-tag’ );
}add_action( ‘after_setup_theme’, ‘av_theme_slug_setup’ );
/*title fallback (up to WP 4.1)*/
if ( ! function_exists( ‘_wp_render_title_tag’ ) )
{
function av_theme_slug_render_title()
{
echo “<title>” . avia_set_title_tag() .”</title>”;
}
add_action( ‘wp_head’, ‘av_theme_slug_render_title’ );
}/*
* register custom functions that are not related to the framework but necessary for the theme to run
*/require_once( ‘functions-enfold.php’);
/*
* add option to edit elements via css class
*/
// add_theme_support(‘avia_template_builder_custom_css’);// Defer Javascripts – added by #SG. Meant to be at the very end of the code.
// Defer jQuery Parsing using the HTML5 defer property
if (!(is_admin() )) {
function defer_parsing_of_js ( $url ) {
if ( FALSE === strpos( $url, ‘.js’ ) ) return $url;
if ( strpos( $url, ‘jquery.js’ ) ) return $url;
// return “$url’ defer “;
return “$url’ defer onload='”;
}
add_filter( ‘clean_url’, ‘defer_parsing_of_js’, 11, 1 );
}
//End of added code by #SGIn reply to: Child Theme Feature Image Slider alteration
Hi,
I fixed it for you. I used this code:
<?php /** * Featured Image Slider * * Display a Slideshow of featured images from various posts */ if ( ! defined( 'ABSPATH' ) ) { exit; } // Exit if accessed directly if ( !class_exists( 'avia_sc_featureimage_slider' )) { class avia_sc_featureimage_slider extends aviaShortcodeTemplate { static $slide_count = 0; /** * Create the config array for the shortcode button */ function shortcode_insert_button() { /** * inconsistent behaviour up to 4.2: a new element was created with a close tag, after editing it was self closing !!! * @since 4.2.1: We make new element self closing now because no id='content' exists. */ $this->config['self_closing'] = 'yes'; $this->config['name'] = __('Featured Image Slider', 'avia_framework' ); $this->config['tab'] = __('Media Elements', 'avia_framework' ); $this->config['icon'] = AviaBuilder::$path['imagesURL']."sc-postslider.png"; $this->config['order'] = 30; $this->config['target'] = 'avia-target-insert'; $this->config['shortcode'] = 'av_feature_image_slider'; $this->config['tooltip'] = __('Display a Slideshow of featured images from various posts', 'avia_framework' ); $this->config['drag-level'] = 3; $this->config['preview'] = 0; $this->config['disabling_allowed'] = true; } function extra_assets() { //load css wp_enqueue_style( 'avia-module-slideshow' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/slideshow/slideshow.css' , array('avia-layout'), false ); wp_enqueue_style( 'avia-module-slideshow-feature-image' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/slideshow_feature_image/slideshow_feature_image.css' , array('avia-module-slideshow'), false ); //load js wp_enqueue_script( 'avia-module-slideshow' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/slideshow/slideshow.js' , array('avia-shortcodes'), false, TRUE ); } /** * Popup Elements * * If this function is defined in a child class the element automatically gets an edit button, that, when pressed * opens a modal window that allows to edit the element properties * * @return void */ function popup_elements() { $this->elements = array( array( "type" => "tab_container", 'nodescription' => true ), array( "type" => "tab", "name" => __("Slider Content" , 'avia_framework'), 'nodescription' => true ), array( "name" => __("Which Entries?", 'avia_framework' ), "desc" => __("Select which entries should be displayed by selecting a taxonomy", 'avia_framework' ), "id" => "link", "fetchTMPL" => true, "type" => "linkpicker", "subtype" => array( __('Display Entries from:', 'avia_framework' )=>'taxonomy'), "multiple" => 6, "std" => "category" ), array( "name" => __("WooCommerce Product visibility?", 'avia_framework' ), "desc" => __("Select the visibility of WooCommerce products. Default setting can be set at Woocommerce -> Settings -> Products -> Inventory -> Out of stock visibility", 'avia_framework' ), "id" => "wc_prod_visible", "type" => "select", "std" => "", "required" => array( 'link', 'parent_in_array', implode( ' ', get_object_taxonomies( 'product', 'names' ) ) ), "subtype" => array( __('Use default WooCommerce Setting (Settings -> Products -> Out of stock visibility)', 'avia_framework' ) => '', __('Hide products out of stock', 'avia_framework' ) => 'hide', __('Show products out of stock', 'avia_framework' ) => 'show') ), array( "name" => __( "Sorting Options", 'avia_framework' ), "desc" => __( "Here you can choose how to sort the products. Default setting can be set at Woocommerce -> Settings -> Products -> Display -> Default product sorting", 'avia_framework' ), "id" => "prod_order_by", "type" => "select", "std" => "", "required" => array( 'link', 'parent_in_array', implode( ' ', get_object_taxonomies( 'product', 'names' ) ) ), "subtype" => array( __('Use defaut (defined at Woocommerce -> Settings -> Default product sorting) ', 'avia_framework' ) => '', __('Sort alphabetically', 'avia_framework' ) => 'title', __('Sort by most recent', 'avia_framework' ) => 'date', __('Sort by price', 'avia_framework' ) => 'price', __('Sort by popularity', 'avia_framework' ) => 'popularity', __('Sort randomly', 'avia_framework' ) => 'rand' ) ), array( "name" => __( "Sorting Order", 'avia_framework' ), "desc" => __( "Here you can choose the order of the result products. Default setting can be set at Woocommerce -> Settings -> Products -> Display -> Default product sorting", 'avia_framework' ), "id" => "prod_order", "type" => "select", "std" => "", "required" => array( 'link', 'parent_in_array', implode( ' ', get_object_taxonomies( 'product', 'names' ) ) ), "subtype" => array( __('Use defaut (defined at Woocommerce -> Settings -> Default product sorting)', 'avia_framework' ) => '', __('Ascending', 'avia_framework' ) => 'ASC', __('Descending', 'avia_framework' ) => 'DESC' ) ), array( "name" => __("Entry Number", 'avia_framework' ), "desc" => __("How many items should be displayed?", 'avia_framework' ), "id" => "items", "type" => "select", "std" => "3", "subtype" => AviaHtmlHelper::number_array(1,100,1, array('All'=>'-1'))), array( "name" => __("Offset Number", 'avia_framework' ), "desc" => __("The offset determines where the query begins pulling posts. Useful if you want to remove a certain number of posts because you already query them with another element.", 'avia_framework' ), "id" => "offset", "type" => "select", "std" => "enforce_duplicates", "subtype" => AviaHtmlHelper::number_array(1,100,1, array( __('Deactivate offset','avia_framework')=>'0', __('Do not allow duplicate posts on the entire page (set offset automatically)', 'avia_framework' ) =>'no_duplicates', __('Enforce duplicates (if a blog element on the page should show the same entries as this slider use this setting)', 'avia_framework' ) =>'enforce_duplicates' ) ) ), array( "name" => __("Title and Read More Button",'avia_framework' ), "desc" => __("Choose if you want to only display the post title or title and a call to action button",'avia_framework' ), "id" => "contents", "type" => "select", "std" => "title", "subtype" => array( __('Only Title', 'avia_framework' ) =>'title', __('Title + Read More Button', 'avia_framework' ) =>'title_read_more', __('Title + Excerpt + Read More Button', 'avia_framework' ) =>'title_excerpt_read_more', ) ), array( "name" => __("Slider Width/Height Ratio", 'avia_framework' ), "desc" => __("The slider will always stretch the full available width. Here you can enter the corresponding height (eg: 4:3, 16:9) or a fixed height in px (eg: 300px)", 'avia_framework' ), "id" => "slider_size", "type" => "input", "std" => "16:9", ), array( "name" => __("Preview Image Size", 'avia_framework' ), "desc" => __("Set the image size of the preview images", 'avia_framework' ), "id" => "preview_mode", "type" => "select", "std" => "auto", "subtype" => array( __('Set the preview image size automatically based on slider height','avia_framework' ) =>'auto', __('Choose the preview image size manually (select thumbnail size)','avia_framework' ) =>'custom')), array( "name" => __("Select custom preview image size", 'avia_framework' ), "desc" => __("Choose image size for Preview Image", 'avia_framework' ), "id" => "image_size", "type" => "select", "required" => array('preview_mode','equals','custom'), "std" => "portfolio", "subtype" => AviaHelper::get_registered_image_sizes(array('logo')) ), array( "name" => __("Slideshow control styling?",'avia_framework' ), "desc" => __("Here you can select if and how to display the slideshow controls",'avia_framework' ), "id" => "control_layout", "type" => "select", "std" => "", "subtype" => array(__('Default','avia_framework' ) =>'av-control-default',__('Minimal White','avia_framework' ) =>'av-control-minimal', __('Minimal Black','avia_framework' ) =>'av-control-minimal av-control-minimal-dark',__('Hidden','avia_framework' ) =>'av-control-hidden')), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "tab", "name" => __("Slider Transitions",'avia_framework' ), 'nodescription' => true ), array( "name" => __("Transition", 'avia_framework' ), "desc" => __("Choose the transition for your Slider.", 'avia_framework' ), "id" => "animation", "type" => "select", "std" => "fade", "subtype" => array(__('Slide','avia_framework' ) =>'slide',__('Fade','avia_framework' ) =>'fade'), ), array( "name" => __("Autorotation active?",'avia_framework' ), "desc" => __("Check if the slideshow should rotate by default",'avia_framework' ), "id" => "autoplay", "type" => "select", "std" => "no", "subtype" => array(__('Yes','avia_framework' ) =>'yes',__('No','avia_framework' ) =>'no')), array( "name" => __("Slideshow autorotation duration",'avia_framework' ), "desc" => __("Slideshow will rotate every X seconds",'avia_framework' ), "id" => "interval", "type" => "select", "std" => "5", "required" => array('autoplay','equals','yes'), "subtype" => array('3'=>'3','4'=>'4','5'=>'5','6'=>'6','7'=>'7','8'=>'8','9'=>'9','10'=>'10','15'=>'15','20'=>'20','30'=>'30','40'=>'40','60'=>'60','100'=>'100')), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "tab", "name" => __("Slide Overlay",'avia_framework' ), 'nodescription' => true ), array( "name" => __("Enable Overlay?", 'avia_framework' ), "desc" => __("Check if you want to display a transparent color and/or pattern overlay above your slideshow image/video", 'avia_framework' ), "id" => "overlay_enable", "std" => "", "type" => "checkbox"), array( "name" => __("Overlay Opacity",'avia_framework' ), "desc" => __("Set the opacity of your overlay: 0.1 is barely visible, 1.0 is opaque ", 'avia_framework' ), "id" => "overlay_opacity", "type" => "select", "std" => "0.5", "required" => array('overlay_enable','not',''), "subtype" => array( __('0.1','avia_framework' )=>'0.1', __('0.2','avia_framework' )=>'0.2', __('0.3','avia_framework' )=>'0.3', __('0.4','avia_framework' )=>'0.4', __('0.5','avia_framework' )=>'0.5', __('0.6','avia_framework' )=>'0.6', __('0.7','avia_framework' )=>'0.7', __('0.8','avia_framework' )=>'0.8', __('0.9','avia_framework' )=>'0.9', __('1.0','avia_framework' )=>'1', ) ), array( "name" => __("Overlay Color", 'avia_framework' ), "desc" => __("Select a custom color for your overlay here. Leave empty if you want no color overlay", 'avia_framework' ), "id" => "overlay_color", "type" => "colorpicker", "required" => array('overlay_enable','not',''), "std" => "", ), array( "required" => array('overlay_enable','not',''), "id" => "overlay_pattern", "name" => __("Background Image", 'avia_framework'), "desc" => __("Select an existing or upload a new background image", 'avia_framework'), "type" => "select", "subtype" => array(__('No Background Image', 'avia_framework')=>'',__('Upload custom image', 'avia_framework')=>'custom'), "std" => "", "folder" => "images/background-images/", "folderlabel" => "", "group" => "Select predefined pattern", "exclude" => array('fullsize-', 'gradient') ), array( "name" => __("Custom Pattern",'avia_framework' ), "desc" => __("Upload your own seamless pattern",'avia_framework' ), "id" => "overlay_custom_pattern", "type" => "image", "fetch" => "url", "secondary_img"=>true, "required" => array('overlay_pattern','equals','custom'), "title" => __("Insert Pattern",'avia_framework' ), "button" => __("Insert",'avia_framework' ), "std" => ""), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "tab", "name" => __("Screen Options",'avia_framework' ), 'nodescription' => true ), array( "name" => __("Element Visibility",'avia_framework' ), "desc" => __("Set the visibility for this element, based on the device screensize.", 'avia_framework' ), "type" => "heading", "description_class" => "av-builder-note av-neutral", ), array( "desc" => __("Hide on large screens (wider than 990px - eg: Desktop)", 'avia_framework'), "id" => "av-desktop-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "desc" => __("Hide on medium sized screens (between 768px and 989px - eg: Tablet Landscape)", 'avia_framework'), "id" => "av-medium-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "desc" => __("Hide on small screens (between 480px and 767px - eg: Tablet Portrait)", 'avia_framework'), "id" => "av-small-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "desc" => __("Hide on very small screens (smaller than 479px - eg: Smartphone Portrait)", 'avia_framework'), "id" => "av-mini-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "name" => __("Caption Title Font Size",'avia_framework' ), "desc" => __("Set the font size for the element title, based on the device screensize.", 'avia_framework' ), "type" => "heading", "description_class" => "av-builder-note av-neutral", ), array( "name" => __("Font Size for medium sized screens (between 768px and 989px - eg: Tablet Landscape)", 'avia_framework' ), "id" => "av-medium-font-size-title", "type" => "select", "subtype" => AviaHtmlHelper::number_array(10,120,1, array( __("Default", 'avia_framework' )=>'' , __("Hidden", 'avia_framework' )=>'hidden' ), "px"), "std" => ""), array( "name" => __("Font Size for small screens (between 480px and 767px - eg: Tablet Portrait)", 'avia_framework' ), "id" => "av-small-font-size-title", "type" => "select", "subtype" => AviaHtmlHelper::number_array(10,120,1, array( __("Default", 'avia_framework' )=>'', __("Hidden", 'avia_framework' )=>'hidden'), "px"), "std" => ""), array( "name" => __("Font Size for very small screens (smaller than 479px - eg: Smartphone Portrait)", 'avia_framework' ), "id" => "av-mini-font-size-title", "type" => "select", "subtype" => AviaHtmlHelper::number_array(10,120,1, array( __("Default", 'avia_framework' )=>'', __("Hidden", 'avia_framework' )=>'hidden'), "px"), "std" => ""), array( "name" => __("Caption Content Font Size",'avia_framework' ), "desc" => __("Set the font size for the element content, based on the device screensize.", 'avia_framework' ), "type" => "heading", "description_class" => "av-builder-note av-neutral", ), array( "name" => __("Font Size for medium sized screens (between 768px and 989px - eg: Tablet Landscape)", 'avia_framework' ), "id" => "av-medium-font-size", "type" => "select", "subtype" => AviaHtmlHelper::number_array(10,120,1, array( __("Default", 'avia_framework' )=>'', __("Hidden", 'avia_framework' )=>'hidden'), "px"), "std" => ""), array( "name" => __("Font Size for small screens (between 480px and 767px - eg: Tablet Portrait)", 'avia_framework' ), "id" => "av-small-font-size", "type" => "select", "subtype" => AviaHtmlHelper::number_array(10,120,1, array( __("Default", 'avia_framework' )=>'', __("Hidden", 'avia_framework' )=>'hidden'), "px"), "std" => ""), array( "name" => __("Font Size for very small screens (smaller than 479px - eg: Smartphone Portrait)", 'avia_framework' ), "id" => "av-mini-font-size", "type" => "select", "subtype" => AviaHtmlHelper::number_array(10,120,1, array( __("Default", 'avia_framework' )=>'', __("Hidden", 'avia_framework' )=>'hidden'), "px"), "std" => ""), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "close_div", 'nodescription' => true ), ); if(current_theme_supports('add_avia_builder_post_type_option')) { $element = array( "name" => __("Select Post Type", 'avia_framework' ), "desc" => __("Select which post types should be used. Note that your taxonomy will be ignored if you do not select an assign post type. If yo don't select post type all registered post types will be used", 'avia_framework' ), "id" => "post_type", "type" => "select", "multiple" => 6, "std" => "", "subtype" => AviaHtmlHelper::get_registered_post_type_array() ); array_unshift($this->elements, $element); } } /** * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className * * * @param array $params this array holds the default values for $content and $args. * @return $params the return array usually holds an innerHtml key that holds item specific markup. */ function editor_element($params) { $params['innerHtml'] = "<img src='".$this->config['icon']."' title='".$this->config['name']."' />"; $params['innerHtml'].= " <div class='avia-element-label'>".$this->config['name']."</div> "; $params['innerHtml'].= " <div class='avia-flex-element'>"; $params['innerHtml'].= __('This element will stretch across the whole screen by default.','avia_framework')." "; $params['innerHtml'].= __('If you put it inside a color section or column it will only take up the available space','avia_framework'); $params['innerHtml'].= " <div class='avia-flex-element-2nd'>".__('Currently:','avia_framework'); $params['innerHtml'].= " <span class='avia-flex-element-stretched'>« ".__('Stretch fullwidth','avia_framework')." »</span>"; $params['innerHtml'].= " <span class='avia-flex-element-content'>| ".__('Adjust to content width','avia_framework')." |</span>"; $params['innerHtml'].= "</div> </div> "; return $params; } /** * Frontend Shortcode Handler * * @param array $atts array of attributes * @param string $content text within enclosing form of shortcode element * @param string $shortcodename the shortcode found, when == callback name * @return string $output returns the modified html string */ function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "") { if(isset($atts['link'])) { $atts['link'] = explode(',', $atts['link'], 2 ); $atts['taxonomy'] = $atts['link'][0]; if(isset($atts['link'][1])) { $atts['categories'] = $atts['link'][1]; } } // $atts['class'] = $meta['el_class']; extract(AviaHelper::av_mobile_sizes($atts)); //return $av_font_classes, $av_title_font_classes and $av_display_classes extract($atts); $output = ""; $class = ""; $skipSecond = false; avia_sc_featureimage_slider::$slide_count++; $params['class'] = "avia-featureimage-slider-wrap main_color {$av_display_classes} ".$meta['el_class'].$class; $params['open_structure'] = false; $params['custom_markup'] = $atts['custom_markup'] = $meta['custom_markup']; //we dont need a closing structure if the element is the first one or if a previous fullwidth element was displayed before if($meta['index'] == 0) $params['close'] = false; if(!empty($meta['siblings']['prev']['tag']) && in_array($meta['siblings']['prev']['tag'], AviaBuilder::$full_el_no_section )) $params['close'] = false; if($meta['index'] != 0) $params['class'] .= " slider-not-first"; $params['id'] = "avia_feature_image_slider_".avia_sc_slider_full::$slide_count; $slider = new avia_feature_image_slider($atts); $slider->query_entries(); $slide_html = $slider->html(); //if the element is nested within a section or a column dont create the section shortcode around it if(!ShortcodeHelper::is_top_level()) return $slide_html; // $slide_html = " <div class='container'>" . $slide_html . "</div> "; $output .= avia_new_section($params); $output .= $slide_html; $output .= "</div> "; //close section //if the next tag is a section dont create a new section from this shortcode if(!empty($meta['siblings']['next']['tag']) && in_array($meta['siblings']['next']['tag'], AviaBuilder::$full_el )) { $skipSecond = true; } //if there is no next element dont create a new section. if(empty($meta['siblings']['next']['tag'])) { $skipSecond = true; } if(empty($skipSecond)) { $output .= avia_new_section(array('close'=>false, 'id' => "after_full_slider_".avia_sc_slider_full::$slide_count)); } return $output; } } } if ( !class_exists( 'avia_feature_image_slider' ) ) { class avia_feature_image_slider { static $slider = 0; protected $slide_count = 0; protected $atts; protected $entries; function __construct($atts = array()) { $this->screen_options = AviaHelper::av_mobile_sizes($atts); //return $av_font_classes, $av_title_font_classes and $av_display_classes $this->atts = shortcode_atts(array( 'items' => '16', 'taxonomy' => 'category', 'post_type' => get_post_types(), 'contents' => 'title', 'preview_mode' => 'auto', 'image_size' => 'portfolio', 'autoplay' => 'no', 'animation' => 'fade', 'paginate' => 'no', 'use_main_query_pagination' => 'no', 'interval' => 5, 'class' => '', 'categories' => array(), 'wc_prod_visible' => '', 'prod_order_by' => '', 'prod_order' => '', 'custom_query' => array(), 'lightbox_size' => 'large', 'offset' => 0, 'bg_slider' =>true, 'keep_pading' => true, 'custom_markup' => '', 'slider_size' => '16:9', 'control_layout' => '', 'overlay_enable' => '', 'overlay_opacity' => '', 'overlay_color' => '', 'overlay_pattern' => '', 'overlay_custom_pattern' => '', ), $atts, 'av_feature_image_slider'); if($this->atts['autoplay'] == "no") $this->atts['autoplay'] = false; } public function html() { $html = ""; $counter = 0; $style = ""; $extraClass = ""; $style = ""; avia_feature_image_slider::$slider++; if($this->slide_count == 0) return $html; if(!empty($this->atts['default-height'])) { $style = "style='padding-bottom: {{av-default-heightvar}}%;'"; $extraClass .= " av-default-height-applied"; } if(strpos( $this->atts['slider_size'] , ":") !== false) { $ratio = explode(':',trim($this->atts['slider_size'])); if(empty($ratio[0])) $ratio[0] = 16; if(empty($ratio[1])) $ratio[1] = 9; $final_ratio = ((int) $ratio[0] / (int) $ratio[1]); $def_height = "padding-bottom:" . (100/$final_ratio). "%"; } else { $def_height = (int) $this->atts['slider_size']; $def_height = "height: {$def_height}px"; } extract($this->screen_options); $style = "style='{$def_height}'"; if(!empty($this->atts['control_layout'])) $extraClass .= " ".$this->atts['control_layout']; $markup = avia_markup_helper(array('context' => 'image','echo'=>false, 'custom_markup'=>$this->atts['custom_markup'])); $data = AviaHelper::create_data_string($this->atts); $html .= " <div {$data} class='avia-slideshow avia-featureimage-slideshow avia-animated-caption {$av_display_classes} avia-slideshow-".avia_sc_featureimage_slider::$slide_count." {$extraClass} avia-slideshow-".$this->atts['image_size']." ".$this->atts['class']." avia-".$this->atts['animation']."-slider ' $markup>"; $html .= " <ul class='avia-slideshow-inner avia-slideshow-fixed-height' {$style}>"; $html .= $this->default_slide(); $html .= "</ul> "; if($this->slide_count > 1) { $html .= $this->slide_navigation_arrows(); $html .= $this->slide_navigation_dots(); } if(!empty($this->atts['caption_override'])) $html .= $this->atts['caption_override']; $html .= "</div> "; if(!empty($this->atts['default-height'])) { $html = str_replace('{{av-default-heightvar}}', $this->atts['default-height'], $html); } return $html; } //function that renders the usual slides. use when we didnt use sub-shorcodes to define the images but ids protected function default_slide() { $html = ""; $counter = 0; extract($this->screen_options); $markup_url = avia_markup_helper(array('context' => 'image_url','echo'=>false, 'custom_markup'=>$this->atts['custom_markup'])); foreach ($this->entries->posts as $slide) { $counter ++; $thumb_id = get_post_thumbnail_id( $slide->ID ); $slide_class = ""; $img = wp_get_attachment_image_src($thumb_id, $this->atts['image_size']); $link = get_post_meta( $slide->ID ,'_portfolio_custom_link', true ) != "" ? get_post_meta( $slide->ID ,'_portfolio_custom_link_url', true ) : get_permalink( $slide->ID ); $title = get_the_title( $slide->ID ); $caption = ""; $caption .= ' <div class="caption_fullwidth av-slideshow-caption caption_center">'; $caption .= ' <div class="container caption_container">'; $caption .= ' <div class="slideshow_caption">'; $caption .= ' <div class="slideshow_inner_caption">'; $caption .= ' <div class="slideshow_align_caption">'; //$caption .= ' <h2 class="avia-caption-title"><a href="'.$link.'">'.$title.'</a></h2> '; if(strpos($this->atts['contents'], 'excerpt') !== false) { $excerpt = !empty($slide->post_excerpt) ? $slide->post_excerpt : avia_backend_truncate($slide->post_content, apply_filters( 'avf_feature_image_slider_excerpt_length' , 320) , apply_filters( 'avf_feature_image_slider_excerpt_delimiter' , " "), "…", true, ''); if(!empty($excerpt)){ $caption .= ' <div class="avia-caption-content '.$av_font_classes.'" itemprop="description">'; $caption .= wpautop($excerpt); $caption .= '</div> '; } } if(strpos($this->atts['contents'], 'read_more') !== false) { $caption .= ' <a href="'.$link.'" class="avia-slideshow-button avia-button avia-color-light " data-duration="800" data-easing="easeInOutQuad">'.__('Read more', 'avia_framework').'</a>'; } $caption .= '</div> '; $caption .= '</div> '; $caption .= '</div> '; $caption .= '</div> '; $caption .= $this->create_overlay(); $caption .= '</div> '; $slide_data = "data-img-url='".$img[0]."'"; if(empty($img)) $slide_class .= " av-no-image-slider"; $html .= "<a href=".$link."> <li {$slide_data} class='slide-{$counter} {$slide_class} slide-id-".$slide->ID."'>"; $html .= $caption; $html .= "</a></li> "; } return $html; } protected function slide_navigation_dots() { $html = ""; $html .= " <div class='avia-slideshow-dots avia-slideshow-controls'>"; $active = "active"; for($i = 1; $i <= $this->slide_count; $i++) { $html .= "<a href='#{$i}' class='goto-slide {$active}' >{$i}</a>"; $active = ""; } $html .= "</div> "; return $html; } protected function slide_navigation_arrows() { $html = ""; $html .= " <div class='avia-slideshow-arrows avia-slideshow-controls'>"; $html .= "<a href='#prev' class='prev-slide' ".av_icon_string('prev_big').">".__('Previous','avia_framework' )."</a>"; $html .= "<a href='#next' class='next-slide' ".av_icon_string('next_big').">".__('Next','avia_framework' )."</a>"; $html .= "</div> "; return $html; } protected function create_overlay() { extract($this->atts); /*check/create overlay*/ $overlay = ""; if(!empty($overlay_enable)) { $overlay_src = ""; $overlay = "opacity: {$overlay_opacity}; "; if(!empty($overlay_color)) $overlay .= "background-color: {$overlay_color}; "; if(!empty($overlay_pattern)) { if($overlay_pattern == "custom") { $overlay_src = $overlay_custom_pattern; } else { $overlay_src = str_replace('{{AVIA_BASE_URL}}', AVIA_BASE_URL, $overlay_pattern); } } if(!empty($overlay_src)) $overlay .= "background-image: url({$overlay_src}); background-repeat: repeat;"; $overlay = " <div class='av-section-color-overlay' style='{$overlay}'></div> "; } return $overlay; } //fetch new entries public function query_entries($params = array()) { global $avia_config; if(empty($params)) $params = $this->atts; if(empty($params['custom_query'])) { $query = array(); if(!empty($params['categories'])) { //get the portfolio categories $terms = explode(',', $params['categories']); } $page = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : get_query_var( 'page' ); if(!$page || $params['paginate'] == 'no') $page = 1; //if we find no terms for the taxonomy fetch all taxonomy terms if(empty($terms[0]) || is_null($terms[0]) || $terms[0] === "null") { $terms = array(); $allTax = get_terms( $params['taxonomy']); foreach($allTax as $tax) { $terms[] = $tax->term_id; } } if($params['offset'] == 'no_duplicates') { $params['offset'] = 0; $no_duplicates = true; } if($params['offset'] == 'enforce_duplicates') { $params['offset'] = 0; $no_duplicates = false; } if(empty($params['post_type'])) $params['post_type'] = get_post_types(); if(is_string($params['post_type'])) $params['post_type'] = explode(',', $params['post_type']); $orderby = 'date'; $order = 'DESC'; // Meta query - replaced by Tax query in WC 3.0.0 $meta_query = array(); $tax_query = array(); // check if taxonomy are set to product or product attributes $tax = get_taxonomy( $params['taxonomy'] ); if( class_exists( 'WooCommerce' ) && is_object( $tax ) && isset( $tax->object_type ) && in_array( 'product', (array) $tax->object_type ) ) { $avia_config['woocommerce']['disable_sorting_options'] = true; avia_wc_set_out_of_stock_query_params( $meta_query, $tax_query, $params['wc_prod_visible'] ); // sets filter hooks !! $ordering_args = avia_wc_get_product_query_order_args( $params['prod_order_by'], $params['prod_order'] ); $orderby = $ordering_args['orderby']; $order = $ordering_args['order']; } if( ! empty( $terms ) ) { $tax_query[] = array( 'taxonomy' => $params['taxonomy'], 'field' => 'id', 'terms' => $terms, 'operator' => 'IN' ); } $query = array( 'orderby' => $orderby, 'order' => $order, 'paged' => $page, 'post_type' => $params['post_type'], // 'post_status' => 'publish', 'offset' => $params['offset'], 'posts_per_page' => $params['items'], 'post__not_in' => ( ! empty( $no_duplicates ) ) ? $avia_config['posts_on_current_page'] : array(), 'meta_query' => $meta_query, 'tax_query' => $tax_query ); } else { $query = $params['custom_query']; } $query = apply_filters('avia_feature_image_slider_query', $query, $params); $this->entries = new WP_Query( $query ); $this->slide_count = count($this->entries->posts); // store the queried post ids in if( $this->entries->have_posts() && $params['offset'] != 'enforce_duplicates') { while( $this->entries->have_posts() ) { $this->entries->the_post(); $avia_config['posts_on_current_page'][] = get_the_ID(); } } if( function_exists( 'WC' ) ) { avia_wc_clear_catalog_ordering_args_filters(); $avia_config['woocommerce']['disable_sorting_options'] = false; } } } }Best regards,
Dude
