Viewing 30 results - 421 through 450 (of 612 total)
  • Author
    Search Results
  • #608187

    Hey!

    turn on custom class: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Then use a code like this:

    .your-custom-code .avia-image-container-inner {
    max-width: 846px !important
    width: 846px !important
    margin-left: -10px;
    margin-top: 10px;
    }
    

    and adjust as needed.

    If it doesn’t work for you then send us admin access here as private reply.

    Cheers!
    Andy

    Hello!

    Thank you for your quick response. I add

    Here is my functions.php in enfold-child, but nothing has changed in Featured Image section, still missing the checkbox. Maybe I did something wrong?

    <?php
    
    /*
    * Add your own functions here. You can also copy some of the theme functions into this file. 
    * WordPress will use those functions instead of the original functions then.
    */
    add_filter( 'admin_post_thumbnail_html', 'mmx_cpt_featured_image_meta');
    function mmx_cpt_featured_image_meta( $content ) {
    	global $post, $post_type;
    	if( $post_type == "Projects" ) {
    		$text = __( "Don't display image on single post", 'avia_framework' );
    		$id = '_avia_hide_featured_image';
    		$value = esc_attr( get_post_meta( $post->ID, $id, true ) );
    		$selected = !empty($value) ? "checked='checked'" : "";
    		$label = '</div><div class="av-meta-extra-inside"><label for="' . $id . '" class="selectit"><input '.$selected.' name="' . $id . '" type="checkbox" id="' . $id . '" value="1" > ' . $text .'</label>';
    		return $content .= $label;
    	}
    	return $content;
    }

    And here is the functions.php from enfold-folder. I already did some configuration here and they appear in wp-admin. Should I add your code here or what should I do?

    <?php
    function howdy_message($translated_text, $text, $domain) {
        $new_message = str_replace('Howdy', 'Welcome', $text);
        return $new_message;
    }
    
    add_filter('gettext', 'howdy_message', 10, 3);
    
    add_action('init', 'my_custom_init');
    	function my_custom_init() {
    	add_post_type_support( 'news', 'publicize' );
    }
    
    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' );
    
    /*
     * 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');
    
    /*
     * 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();
    }
    
    ##################################################################
    # 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 use
    
    require_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'),
    
    ));
    
    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()
    	{
    		$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('jquery'), 2, false ); //needs to be loaded at the top to prevent bugs
    		wp_enqueue_script( 'avia-default', $template_url.'/js/avia.js', array('jquery'), 3, true );
    		wp_enqueue_script( 'avia-shortcodes', $template_url.'/js/shortcodes.js', array('jquery'), 3, true );
    		wp_enqueue_script( 'avia-popup',  $template_url.'/js/aviapopup/jquery.magnific-popup.min.js', array('jquery'), 2, true);
    
    		wp_enqueue_script( 'jquery' );
    		wp_enqueue_script( 'wp-mediaelement' );
    
    		if ( is_singular() && get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); }
    
    		//register styles
    		wp_register_style( 'avia-style' ,  $child_theme_url."/style.css", array(), 		'2', 'all' ); //register default style.css file. only include in childthemes. has no purpose in main theme
    		wp_register_style( 'avia-custom',  $template_url."/css/custom.css", array(), 	'2', 'all' );
    																						 
    		wp_enqueue_style( 'avia-grid' ,   $template_url."/css/grid.css", array(), 		'2', 'all' );
    		wp_enqueue_style( 'avia-base' ,   $template_url."/css/base.css", array(), 		'2', 'all' );
    		wp_enqueue_style( 'avia-layout',  $template_url."/css/layout.css", array(), 	'2', 'all' );
    		wp_enqueue_style( 'avia-scs',     $template_url."/css/shortcodes.css", array(), '2', 'all' );
    		wp_enqueue_style( 'avia-popup-css', $template_url."/js/aviapopup/magnific-popup.css", array(), '1', 'screen' );
    		wp_enqueue_style( 'avia-media'  , $template_url."/js/mediaelement/skin-1/mediaelementplayer.css", array(), '1', 'screen' );
    		wp_enqueue_style( 'avia-print' ,  $template_url."/css/print.css", array(), '1', 'print' );
    		
    		
    		if ( is_rtl() ) {
    			wp_enqueue_style(  'avia-rtl',  $template_url."/css/rtl.css", array(), '1', 'all' );
    		}
    		
    
            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();
                if(is_ssl()) $avia_upload_dir['baseurl'] = str_replace("http://", "https://", $avia_upload_dir['baseurl']);
    
                $avia_dyn_stylesheet_url = $avia_upload_dir['baseurl'] . '/dynamic_avia/'.$safe_name.'.css';
    			$version_number = get_option('avia_stylesheet_dynamic_version'.$safe_name);
    			if(empty($version_number)) $version_number = '1';
                
                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
    		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 <br/><small>(Will be displayed if you selected a header layout that supports a submenu <a target="_blank" href="'.admin_url('?page=avia#goto_header').'">here</a>)</small>', 'avia_framework'),
    													'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)
    
    if(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
    
    if(!current_theme_supports('deactivate_layerslider')) require_once( 'config-layerslider/config.php' );//layerslider plugin
    
    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
    
    if(!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_combo_widget' );
    		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');
    
    /*
     *  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');
    

    Best regards,
    Tom

    #603995

    Thanks for the info/link, Andy, that recommendation to add ‘avia-gallery’ as a custom CSS class to the different sections of buttons on the “Brighton Mews of Park Ridge” page worked perfectly.

    However, there is no way to add custom classes like this to the “Full-Width Slider” element’s captions so I tried adding it via javascript to each caption container via jQuery:

    $(‘.avia-fullwidth-slider .slideshow_inner_caption’).addClass(‘avia-gallery’);

    … and the buttons within each caption are still loading a lightbox overlay with the images from each captions’ buttons when I need them to be in separate lightbox overlays.

    This is on the home page of the website I sent you previously and the buttons are in each of the slide’s caption areas named “View Site Plan”.

    Is there another work-around for the slider?

    Thanks!

    #603770

    Hey!

    Please try this code in the functions.php file:

    // video play button
    add_action('wp_footer', 'ava_custom_script');
    function ava_custom_script(){
    ?>
    <script type="text/javascript">
    (function($) {
        function d() {
    		var $mejs  = $('.mejs-container');
    
    		$mejs = $('.mejs-container').addClass('video-button-overlay');
    	
    		$('.avia-video').on('click', function() {
    			function vremoveClass(e) {
    				$mejs.removeClass('video-button-overlay')
    			}
    
    			function vaddClass(e) {
    				$mejs.addClass('video-button-overlay')
    			}
    
    			if ($mejs.hasClass('video-button-overlay')) {
    				vremoveClass();
    			} else {
    				vaddClass();
    			}		
    		});			
        }
    
        d();
    })(jQuery);
    </script>
    <?php
    }

    And this code in the Quick CSS or style.css file:

    .video-button-overlay:before {
        content: url('PLAY BUTTON URL HERE');
        display: block;
        width: 20px;
        height: 20px;
        z-index: 10000;
        position: absolute;
        overflow: hidden;
        left: 30%;
        top: 40%;
    }

    Adjust the values according to the play button image size and add the correct image url in content property.

    Best regards,
    Ismael

    #603657

    In reply to: Button styling

    Hi vossenm!

    You can turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your button and give it a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .your-custom-class a.avia-button {
        background: #7db9e8;
        background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 50%, #1e5799 100%);
        background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#1e5799 100%);
        background: linear-gradient(to bottom, #7db9e8 0%,#2989d8 50%,#1e5799 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );
    }

    You can generate gradients here – http://www.colorzilla.com/gradient-editor/ :)

    Best regards,
    Yigit

    #603098

    Here is the full code in the footer.php file (not just the snippet above)

    <***?php

    do_action( ‘ava_before_footer’ );

    global $avia_config;
    $blank = isset($avia_config[‘template’]) ? $avia_config[‘template’] : “”;

    //reset wordpress query in case we modified it
    wp_reset_query();

    //get footer display settings
    $the_id = avia_get_the_id(); //use avia get the id instead of default get id. prevents notice on 404 pages
    $footer = get_post_meta($the_id, ‘footer’, true);
    $footer_widget_setting = !empty($footer) ? $footer : avia_get_option(‘display_widgets_socket’);

    //check if we should display a footer
    if(!$blank && $footer_widget_setting != ‘nofooterarea’ )
    {
    if( $footer_widget_setting != ‘nofooterwidgets’ )
    {
    //get columns
    $columns = avia_get_option(‘footer_columns’);
    ?>
    <div class=’container_wrap footer_color’ id=’footer’>

    <div class=’container’>

    <?php
    do_action(‘avia_before_footer_columns’);

    //create the footer columns by iterating

    switch($columns)
    {
    case 1: $class = ”; break;
    case 2: $class = ‘av_one_half’; break;
    case 3: $class = ‘av_one_third’; break;
    case 4: $class = ‘av_one_fourth’; break;
    case 5: $class = ‘av_one_fifth’; break;
    case 6: $class = ‘av_one_sixth’; break;
    }

    $firstCol = “first el_before_{$class}”;

    //display the footer widget that was defined at appearenace->widgets in the wordpress backend
    //if no widget is defined display a dummy widget, located at the bottom of includes/register-widget-area.php
    for ($i = 1; $i <= $columns; $i++)
    {
    $class2 = “”; // initialized to avoid php notices
    if($i != 1) $class2 = ” el_after_{$class} el_before_{$class}”;
    echo “<div class=’flex_column {$class} {$class2} {$firstCol}’>”;
    if (function_exists(‘dynamic_sidebar’) && dynamic_sidebar(‘Footer – column’.$i) ) : else : avia_dummy_widget($i); endif;
    echo “</div>”;
    $firstCol = “”;
    }

    do_action(‘avia_after_footer_columns’);

    ?>

    </div>

    <!– ####### END FOOTER CONTAINER ####### –>
    </div>

    <?php } //endif nofooterwidgets ?>

    <?php

    //copyright
    $copyright = do_shortcode( avia_get_option(‘copyright’, “© “.__(‘Copyright’,’avia_framework).” – “.get_bloginfo(‘name’).”“) );

    // you can filter and remove the backlink with an add_filter function
    // from your themes (or child themes) functions.php file if you dont want to edit this file
    // you can also just keep that link. I really do appreciate it ;)
    $kriesi_at_backlink = kriesi_backlink(get_option(THEMENAMECLEAN.”_initial_version”));

    //you can also remove the kriesi.at backlink by adding [nolink] to your custom copyright field in the admin area
    if($copyright && strpos($copyright, ‘[nolink]’) !== false)
    {
    $kriesi_at_backlink = “”;
    $copyright = str_replace(“[nolink]”,””,$copyright);
    }

    if( $footer_widget_setting != ‘nosocket’ )
    {

    ?>

    <footer class=’container_wrap socket_color’ id=’socket’ <?php avia_markup_helper(array(‘context’ => ‘footer’)); ?>>
    <div class=’container’>

    <span class=’copyright’><?php echo $copyright . $kriesi_at_backlink; ?></span>

    <?php
    if(avia_get_option(‘footer_social’, ‘disabled’) != “disabled”)
    {
    $social_args = array(‘outside’=>’ul’, ‘inside’=>’li’, ‘append’ => ”);
    echo avia_social_media_icons($social_args, false);
    }

    $avia_theme_location = ‘avia3’;
    $avia_menu_class = $avia_theme_location . ‘-menu’;

    $args = array(
    ‘theme_location’=>$avia_theme_location,
    ‘menu_id’ =>$avia_menu_class,
    ‘container_class’ =>$avia_menu_class,
    ‘fallback_cb’ => ”,
    ‘depth’=>1,
    ‘echo’ => false,
    ‘walker’ => new avia_responsive_mega_menu(array(‘megamenu’=>’disabled’))
    );

    $menu = wp_nav_menu($args);

    if($menu){
    echo “<nav class=’sub_menu_socket’ “.avia_markup_helper(array(‘context’ => ‘nav’, ‘echo’ => false)).”>”;
    echo $menu;
    echo “</nav>”;
    }
    ?>

    </div>

    <!– ####### END SOCKET CONTAINER ####### –>
    </footer>

    <?php
    } //end nosocket check

    } //end blank & nofooterarea check
    ?>
    <!– end main –>
    </div>

    <?php
    //display link to previeous and next portfolio entry
    echo avia_post_nav();

    echo “<!– end wrap_all –></div>”;

    if(isset($avia_config[‘fullscreen_image’]))
    { ?>
    <!–[if lte IE 8]>
    <style type=”text/css”>
    .bg_container {
    -ms-filter:”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $avia_config[‘fullscreen_image’]; ?>’, sizingMethod=’scale’)”;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $avia_config[‘fullscreen_image’]; ?>’, sizingMethod=’scale’);
    }
    </style>
    <![endif]–>
    <?php
    echo “<div class=’bg_container’ style=’background-image:url(“.$avia_config[‘fullscreen_image’].”);’></div>”;
    }
    ?>

    <?php

    /* Always have wp_footer() just before the closing </body>
    * tag of your theme, or you will break many plugins, which
    * generally use this hook to reference JavaScript files.
    */

    wp_footer();

    ?>
    ‘ id=’scroll-top-link’ <?php echo av_icon_string( ‘scrolltop’ ); ?>><span class=”avia_hidden_link_text”><?php _e(‘Scroll to top’,’avia_framework’); ?></span>

    <div id=”fb-root”></div>
    </body>
    </html***>

    #600303

    Topic: Link do not work :-/

    in forum Enfold
    Tina62
    Participant

    Hi,
    I have make an image in the top of the right side of the header – with a link. I have put this code:
    echo “<div class=’header-custom-text’></div>”;

    …in the helper-main-menu.php, right after the line, $output .= avia_logo(AVIA_BASE_URL.’images/layout/logo.png’, $addition, ‘strong’, true);:

    Also – In the QUICK CSS style i have put this in:
    .header-custom-text {
    position: absolute;
    right: 0px;
    top: 0px;
    }
    .. but the link dont work correctly anymore, after the last enfold update. i want the hole images to be clic able. Please can you help me, they started a campaign today, and this link is very importent?

    Also – if it is possible, can i make the images to be in front, i dont want the border from the header to go across the images?

    Thanks in advance!
    Tina

    #597737

    Hi guys – sorry to report that neither of these make any difference to fixed bg issue. Have left the second option in place on the demo site for you reference and code in use below (in case I’ve made an error as my php is rudimentary).

    functions.php now looks like this:

    <?php
    
    // windows phone background fix
    add_action('wp_footer', 'ava_windows_fix');
    function ava_windows_fix(){
    ?>
    <script type="text/javascript">
    (function($) {
        function a() {
    		var ua 	     = navigator.userAgent,
    	    	ie 	 	 = new RegExp("IEMobile"),
    	        isMobile = ie.test(ua);
    
            if(isMobile && $('.avia-section .av-parallax').length >= 1) {
                $('.avia-section').each(function() {
                    var section  = $(this),
                        parallax = section.find('.av-parallax-inner'),
                        pbg      = $(parallax).attr('style').split(';'),
                        bg       = ''.
                        bgurl    = '';
    
                    if($(parallax).length != 1) return;
    
                    $(pbg).each(function(key, value) {
                        if(value.indexOf('background-image') != -1) {
                            bg = value;
                        }
                    });
    
                    bgurl = bg.split(' ');
    
                    $(bgurl).each(function(key, value) {
                        if(value.indexOf('url') != -1) {
                            bgurl = value;
                        }
                    });
    
                    $(this).find('.av-parallax').remove();
                    $(this).removeAttr('style');
                    $(this).css({
                        "background-image" : bgurl,
                        "background-attachment" : "scroll",
                        "background-position" : "center center"
                    });
                });
            }
        }
    
        a();
    })(jQuery);
    </script>
    
    <?php
    }
    
    // windows phone fixed background fix
    add_action('wp_footer', 'ava_custom_script_bgfixed');
    function ava_custom_script_bgfixed(){
    ?>
    <script type="text/javascript">
    (function($) {
        function b() {
    		var ua 	     = navigator.userAgent,
    	    	ie 	 	 = new RegExp("IEMobile"),
    	        isMobile = ie.test(ua);
    
                    if(isMobile) {
                          $('.avia-bg-style-fixed').removeClass('avia-full-stretch');
                          $('.avia-bg-style-fixed').addClass('avia-ie-stretch');
                          $('.avia-bg-style-fixed').css('background-attachment', '');
                          $('.avia-bg-style-fixed').css('background-attachment', 'scroll');                                                      
    		}
        }
    
        b();
    })(jQuery);
    </script>
    <?php
    }
    

    And style.css like this:

    /*
    Theme Name: Enfold Child
    Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
    Version: 1.0
    Author: Kriesi
    Author URI: http://kriesi.at
    Template: enfold
    */
    
    /*Add your own styles here:*/
    
    .avia-ie-stretch {
    background-size: 100% 100% !important;
    }
    #597626

    Hi aderal2016!

    Thank you for using Enfold.

    Yes, you will have to modify the tag.php file. Extract the html markup of the full width easy slider then add it somewhere in the tag.php template. This is the html markup of the slider in the “proyektos” page:

    <div id="full_slider_1" class="avia-fullwidth-slider main_color avia-shadow  avia-builder-el-0  el_before_av_masonry_entries  avia-builder-el-first  container_wrap fullsize"><div data-size="no scaling" data-lightbox_size="large" data-animation="slide" data-ids="343" data-video_counter="0" data-autoplay="false" data-bg_slider="false" data-slide_height="" data-handle="av_slideshow_full" data-interval="5" data-class=" " data-css_id="" data-scroll_down="" data-control_layout="av-control-hidden" data-custom_markup="" data-perma_caption="" data-autoplay_stopper="" data-src="" data-position="top left" data-repeat="no-repeat" data-attach="scroll" data-stretch="" class="avia-slideshow avia-slideshow-1  av-control-hidden avia-slideshow-no scaling av_slideshow_full   avia-slide-slider" itemscope="itemscope" itemtype="https://schema.org/ImageObject"><ul class="avia-slideshow-inner" style="padding: 0px; height: 261px;"><li class="av-single-slide slide-1  active-slide" style="visibility: visible; opacity: 1; transition: none; transform: translateZ(0px);"><div data-rel="slideshow-1" class="avia-slide-wrap"><img src="http://aderal.es/wp-content/uploads/2016/02/slide_proyectos01.jpg?e35697" width="1920" height="530" title="slide_proyectos01" alt="" itemprop="contentURL"><div class="av-section-color-overlay" style="opacity: 0.6; background-color: #000000; "></div></div></li></ul></div></div>
    

    You can also try the do_shortcode function but it doesn’t work in few cases. https://developer.wordpress.org/reference/functions/do_shortcode/

    Cheers!
    Ismael

    #596844

    In reply to: edit image

    Hi!

    Please remove this CSS provided earlier

    .avia_image {
        max-width: calc(100% + 100px);
        margin-left: -17px!important;
        top: -16px;
    }
    

    The above CSS will affect all images on the site so I recommend using custom class name on the image.

    Please check this link http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Then add css custom class ” landing_page_image ” to the image you like to modify. then add the below css this way you can target a single image :)

    .landing_page_image.avia_image {
        max-width: calc(100% + 100px);
        margin-left: -17px!important;
        top: -16px;
    }
    

    Disable mouse over on image or the image overlay or hover effect please check this link http://kriesi.at/documentation/enfold/disable-css-overlay-on-images/

    Regards,
    Vinay Kashyap

    #590445

    In reply to: HELP!

    Hi Josue,

    I had a short-lived attempt of using codepen but I couldn’t get it to copy the website over properly, even to think how I’d transfer any additional code into WordPress puts fear into me. Lets forget the fancy animations and revert to the default layout editor. I can work with the image enlargement feature that comes with the enfold theme to tackle one of my queries.

    I’ve added “add_theme_support(‘avia_template_builder_custom_css’);” to my functions.php file and I’ve got an option to input a custom CSS class in the pop-up box when clicking on elements within the layout editor. If I want to add borders or what have you to these assigned classes, do I have to add the CSS to the general styling quick CSS box in the enfold settings?

    If I can add another question, can you log into my account and see that the 3 images on the test page are cropped when they grow as you hover over them? Is there a way I can prevent this from happening by giving some priority to the images over the column sizes somehow?

    Going back to one of my other queries, I’m trying to stretch my background of the chalk board across the screen. It’s fine on my laptop but when I’m on my larger monitor size the background shows 2 black bars either side of it and I’d rather make the background fill the entire screen no matter what the monitor size is.

    Greatly appreciate your help! Superb support.

    James

    #585220

    Hi!

    Sorry for the delay.

    We are working on your ticket please wait while we update the results here soon.

    I’m unable to login to the backend to take a closer look.

    To control the height of the video player please add the below code to Enfold > General Styling > Quick CSS

    @media screen (max-width:480px) {
    	.avia_desktop #top .av-section-mobile-video-disabled {
    	    max-height: 200px;
    	}	
    }

    Enable custom class support then use the custom class only_mobile or only_desktop to switch the image and video

    http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    /*Show in mobile*/
    
    @media only screen and (min-width: 769px) {
    .only_mobile { display: none !important; }}
    
    @media only screen and (max-width: 768px) {
    .only_desktop { display: none !important; }}

    Best regards,
    Vinay Kashyap

    • This reply was modified 9 years, 11 months ago by Vinay.
    bsomme1
    Participant

    I was wondering if it is possible to add a custom div id field to all avia-layout elements (ex. text-block, image, notification, tabs, etc). I know it is possible to add div classes via the functions.php file with this

    add_theme_support('avia_template_builder_custom_css');

    but I was hoping to use div ID on elements for anchor link purposes. My anchor links don’t always drop down to the appropriate view.

    Thanks,
    Brad

    • This topic was modified 9 years, 11 months ago by bsomme1.
    #582558

    Hi!

    please add the below code to Enfold > General Styling > Quick CSS

    .custom-class .avia-image-container {
        max-height: 180px!important;
    }
    

    Best regards,
    Vinay Kashyap

    #577562

    Hi,

    If you want to make a separate version for mobile, you can activate the custom CSS field for all element: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/, then add the following class to the elements you don’t want to show on mobile: not-visible-on-mobile, and this class to the elements you do want to show only for mobile: visible-on-mobile. Then add the following to Quick CSS:

    @media only screen and (max-width: 767px) {
    .not-visible-on-mobile {
    display:none !important;
    }
    }
    
    @media only screen and (min-width: 768px) {
    .visible-on-mobile {
    display:none !important;
    }
    }

    If you want to remove the background image for mobile only you can try the following in Quick CSS:

    @media only screen and (max-width: 767px) {
    .page-id-130 .avia-builder-el-3 {
    background-image: none !important;
    }
    }

    Thanks,
    Rikard

    • This reply was modified 9 years, 11 months ago by Rikard.
    #575448

    Further to my previous…no idea why the code won’t paste properly. Tried backticks, clicking ‘code’ but it outputs like this.

    I looked at the source code from the shortcodes page and copied the html and then added the image fields. For now I have no idea why each gallery item has 3 image links (I can see one is the thumbnail) so for now I’m probably doing it wrongly. However, this gives me a gallery with preview thumbnails under. This is what I used……

    <div class='avia-gallery avia-gallery-99 avia_lazyload avia_animate_when_visible avia-builder-el-12 el_after_av_textblock avia-builder-el-last'>

    <a>' data-onclick='1' title='Click to see full-size' ><span class='avia-gallery-big-inner'> <img width='845' height='321' />' title='image two' alt='alt text' /></span></a>

    <div class='avia-gallery-thumb noshow'>

    <a>' data-rel='gallery-99' data-prev-img='<?php the_field('baker_img1a'); ?>' class='first_thumb lightbox ' data-onclick='1' title='<?php the_field( 'baker_name' ); ?>' itemprop="contentURL" ><img />' width='80' height='80' title='<?php the_field( 'baker_name' ); ?>' alt='<?php the_field( 'baker_name' ); ?>, <?php the_field( 'postal_town' ); ?>' /></a>

    <a>' data-rel='gallery-99' data-prev-img='<?php the_field('baker_img2a'); ?>' class='lightbox ' data-onclick='2' title='<?php the_field( 'baker_name' ); ?>' itemprop="contentURL" ><img />' width='80' height='80' title='<?php the_field( 'baker_name' ); ?>' alt='<?php the_field( 'baker_name' ); ?>, <?php the_field( 'postal_town' ); ?>' /></a>

    <a>' data-rel='gallery-99' data-prev-img='<?php the_field('baker_img3a'); ?>' class='lightbox ' data-onclick='3' title='<?php the_field( 'baker_name' ); ?>' itemprop="contentURL" ><img />' width='80' height='80' title='<?php the_field( 'baker_name' ); ?>' alt='<?php the_field( 'baker_name' ); ?>, <?php the_field( 'postal_town' ); ?>' /></a>

    <a>' data-rel='gallery-99' data-prev-img='<?php the_field('baker_img4a'); ?>' class='lightbox ' data-onclick='4' title='<?php the_field( 'baker_name' ); ?>' itemprop="contentURL" ><img />' width='80' height='80' title='<?php the_field( 'baker_name' ); ?>' alt='<?php the_field( 'baker_name' ); ?>, <?php the_field( 'postal_town' ); ?>' /></a></div></div></div>

    This gives me a gallery in single.php with the images called from custom fields. It seems to work, in that respect.

    However, if I put my mouse over the thumbnails and the preview image changes, the formatting is crap because if the gallery includes a mix of images of different sizes, the preview screen for all images takes the size of the tallest one, leaving acres of whitespace under any following landscape format images. My original intention was to allow users to upload up to 5 images……… but that means some will upload 5, some just 1 and some 0. That would make the thumbnails look silly, so the only solution I can see is to hide them with css (I can see they have to be on the page in the first place for the gallery to work). Doing that, the lightbox opens if the ‘preview’ image is clicked and the correct images can be cycled through.

    But I still come back to the thing I knew would be the problem;
    I only want the gallery (and it’s entire containing div) to be displayed if it the specific post actually contains images. Something like ‘if imagefield1 or imagefield2 contain a value/image, then show…otherwise hide’.

    For someone who knows even remedial php I’m pretty sure that’s child’s play to resolve. Unfortunately, I know nothing, which was why I was asking for a little help here. Can you tell me what I need to do?

    • This reply was modified 9 years, 11 months ago by brian7454.
    #574037
    ckwellington
    Participant

    I am trying to remove borders around specific images only. I followed instructions to enable custom css class and added css rules to try and accomplish this but, to no eval.

    Added cw-noborder to custom class

    css: .avia-image-container-inner .avia-image-container-inner.cw-noborder {
    border:none !important;
    }

    Hi!

    it’s still showing on the bottom off the pages.

    Another solution? :)

    Style.css

    /*Remove big automated image on portfoliopage*/
    .single-portfolio .page-thumb {
    display: none;
    }
    
    */ Social media verwijderen op PAGES */
    .page #custom_share_box {
        display: none;
    }
    
    */ Achtergrondkleur heading */
    .av-special-heading-tag {
        height: 100px;
        position: relative;
        top: 40px;
    }
    
    .av-special-heading-tag span {
        background: rgba(255, 162, 29, 0.5) none repeat scroll 0 0;
        border-radius: 15px;
        padding: 10px 20px;
    }
    
    /* Menu Kleuren */
    /* Home */
    li#menu-item-11 a {
        background-color: #545454!important;
    }
    
    /* IT Diensten */
    li#menu-item-249 a {
        background-color: #2d5c88!important;
    }
    
    /* Telefonie */
    li#menu-item-261 a {
        background-color: #dd6666!important;
    }
    
    /* Mobiel */
    li#menu-item-263 a {
        background-color: #61afd3!important;
    }
    
    /* Internet */
    li#menu-item-262 a {
        background-color: #00ddb1!important;
    }
    
    /* Veiligheid */
    li#menu-item-353 a {
        background-color: #816084!important;
    }
    
    /* Website */
    li#menu-item-477 a {
        background-color: #ffa21d!important;
    }
    
    /* Nieuws */
    li#menu-item-274 a {
        background-color: #545454!important;
    }
    
    /* Portfolio */
    li#menu-item-511 a {
        background-color: #545454!important;
    }
    
    /* Contact */
    li#menu-item-266 a {
        background-color: #545454!important;
    }
    

    functions.php

    
    add_action('ava_after_content', 'avia_add_social_toolbars', 10, 2);
    function avia_add_social_toolbars($id = "", $context = "")
    {
    if($context == "single-portfolio" || $context == "product")
    	avia_social_share_links();
    
    }
    
    add_filter('avf_template_builder_content', 'avia_add_social_toolbar_template_builder', 10, 1);
    function avia_add_social_toolbar_template_builder($content = "")
    {
    	$content .= '<div id="custom_share_box" class="avia-section main_color container_wrap"><div class="container">';
    	$content .= avia_social_share_links(array(), '', '', false);
    	$content .= '</div>';
    	return $content;
    }
    • This reply was modified 9 years, 12 months ago by c3computers.
    #571666
    bsomme1
    Participant

    I have two sites that are almost identical and was able to get the english site to show the post title but wasn’t able to get the post title to show up on my spanish site. I have shown my functions.php file below.

    Do you have any tips on how I can get this to work for both sites?

    
    <?php // Opening PHP tag - nothing should be before this, not even whitespace
    
    // Custom Function to Include
    function favicon_link() {
        echo '<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />' . "\n";
    }
    add_action( 'wp_head', 'favicon_link' );
    
    add_filter('avf_which_archive_output','avf_change_which_archive', 10, 3);
    function avf_change_which_archive($output)
    {
    	if(is_category())
    	{
    		$output = __('','avia_framework').' '.single_cat_title('',false);
    	}
    
    	return $output;
    }
    add_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 10, 2 );
    
    function avia_append_search_nav ( $items, $args )
    	{	
    		if(avia_get_option('header_searchicon','header_searchicon') != "header_searchicon") return $items;
    	
    	    if ((is_object($args) && $args->theme_location == 'avia') || (is_string($args) && $args = "fallback_menu"))
    	    {
    	        global $avia_config;
    	        ob_start();
    			$getform = get_search_form(false);
    
    	        $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown">'.$getform.'</li>';
    	    }
    	    return $items;
    	}
    
    add_filter('avf_title_args', 'fix_single_post_title', 10, 2);
    function fix_single_post_title($args,$id)
    {
        if ( $args['title'] == 'Blog - Latest News' )
        {
            $args['title'] = get_the_title($id);
            $args['link'] = get_permalink($id);
            $args['heading'] = 'h1';
        }
    
        return $args;
    }
    add_action('wp_head' , 'remove_post_list_title_links');
    function remove_post_list_title_links() {
    	?>
    	<script id="remove-links-in-title" type="text/javascript">
    		jQuery(document).ready(function($) {
    			$('.entry-title').each(function() {
    				var $title_link = $('a[rel="bookmark"]' , $(this)),
    					$title_text = $title_link.text();
    				$title_link.remove();
    				$(this).prepend($title_text);
    			});
    		});
    	</script>
    	<?php
    }
    

    I can see that the title on my site is hidden with CSS but the title shows up below the featured image and is supposed to be shown in the top title bar.

    I have tried my best to read through the form and documentation but haven’t been able to solve this.

    #571472

    Sorry, I guess I don’t fully understand your comment. This image IS contained within a column I did enable the following within the function.php file add_theme_support(‘avia_template_builder_custom_css’);

    Should I set the class with “<p class="avia-gallery">” ?

    #571336

    Hi Basilis
    I do that, but it is still the same.
    I have made this change in the functions.php – i put in between “<?php” – and “global $avia_config;” – to activate the ALB:
    add_theme_support(‘avia_template_builder_custom_css’);

    In the helper-main-menu.php, after this code “$output .= avia_logo(AVIA_BASE_URL.’images/layout/logo.png’, $addition, ‘strong’, true);” – I have writen this, (to view the round image in the header, with link to the “KONTAKT” page):
    echo “<div class=’header-custom-text’></div>”;

    This is what I have made in the Quick CSS:

    main-title, .main-title a { font-size: 14px !important; }

    #top .social_bookmarks li a {
    font-size: 17px;
    }
    .header-custom-text {
    position: absolute;
    right: 0px;
    top: 0px;
    float: right;
    }
    @media only screen and (max-width: 480px) {
    .header-custom-text {
    position: inherit;
    float: left;
    }
    }

    #menu-item-883 > .sub-menu li:nth-child(-n+4) a {
    background: #d1ddcc;
    }

    .tik-boks-farve .iconbox_content {
    background-color: rgb(87, 113, 49) !important;
    }

    .main_color .iconlist_content {
    color: #808182;
    }
    @media only screen and (max-width: 767px) {
    h1 { font-size: 19px !important; }
    }
    @media only screen and (max-width: 767px) {

    .iconlist_title { font-size: 13px !important; }
    }

    .tik-tabs-farve .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
    background-color: white;
    color: #666666 !important;
    }

    .tik-tabs-farve .tab {
    background-color: #719431;
    color: #ffffff !important;
    }

    .tik-tabs-farveb .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
    background-color: white;
    color: #666666 !important;
    }

    .tik-tabs-farveb .tab {
    background-color: #3c281e;
    color: #ffffff !important;
    }

    @media only screen and (max-width: 769px) {
    .page-id-2158 #av-layout-grid-1 .flex_cell, .page-id-2201 #av-layout-grid-2 .flex_cell,.page-id-2192 #av-layout-grid-2 .flex_cell {
    background: none!important;
    }}
    I have used streched layout and dimension 1470px in the general settings. Have you any idea, what is wrong?

    Cheers
    Tina

    #570692

    Hi Serenity!

    Try the following:
    – Wrap each image elements with a color section or column and set it a class of avia-gallery. That way, each image element will get treated as an individual group.

    Cheers!
    Josue

    #570159

    Hi Isakos-Soft!

    Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your slider and give it a custom CSS class and then add following code to Quick CSS and adjust as needed

    .your-custom-class .avia-slideshow {
        background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#000), to(transparent));
        background-image: -webkit-linear-gradient(left, #000, transparent);
        background-image: -moz-linear-gradient(left, #000, transparent);
        background-image: -o-linear-gradient(left, #000, transparent);
        padding-top: 3px;
    }

    Best regards,
    Yigit

    #566459

    Hi smallisland!

    Thank you for using Enfold.

    Sorry for the delay. There is no element available in the builder that can do this options by default but we can try the following method. First, add a color section in the page then add a unique id in the Section ID field. Use “section-gallery” for example. Add a code or text block inside the color section then use the following code:

    <div id="av-grid-lightbox" class="av-layout-grid-container entry-content-wrapper main_color av-flex-cells">
        <div class="flex_cell no_margin av_one_fourth av-zero-padding" style="vertical-align: top; padding: 0;">
            <div class="flex_cell_inner">
                <div class="avia-image-container av-styling- avia-builder-el-6 avia-builder-el-no-sibling avia-align-center ">
                    <div class="avia-image-container-inner gallery-wrap noLightbox">
                        <a class="galleryItem" href="http://dummyimage.com/600x200/000/fff.jpg" data-group="1">
                            <img class="avia_image " title="Abducted (131)" src="http://dummyimage.com/600x200/eee/000.jpg" alt="" />
                        </a>
                        <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="1"></a>
                        <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="1"></a>
                        <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="1"></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="flex_cell no_margin av_one_fourth el_after_av_cell_one_fourth el_before_av_cell_one_fourth av-zero-padding " style="vertical-align: top; padding: 0;">
            <div class="flex_cell_inner">
                <div class="avia-image-container av-styling- avia-builder-el-6 avia-builder-el-no-sibling avia-align-center ">
                    <div class="avia-image-container-inner gallery-wrap noLightbox">
                        <a class="galleryItem" href="http://dummyimage.com/600x200/000/fff.jpg" data-group="2">
                            <img class="avia_image " title="Abducted (131)" src="http://dummyimage.com/600x400/000/fff.jpg" alt="" />
                        </a>
                        <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="2"></a>
                        <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="2"></a>
                        <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="2"></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="flex_cell no_margin av_one_fourth el_after_av_cell_one_fourth el_before_av_cell_one_fourth av-zero-padding " style="vertical-align: top; padding: 0;">
            <div class="flex_cell_inner">
                <div class="avia-image-container av-styling- avia-builder-el-6 avia-builder-el-no-sibling avia-align-center ">
                    <div class="avia-image-container-inner gallery-wrap noLightbox">
                        <a class="galleryItem" href="http://dummyimage.com/600x200/000/fff.jpg" data-group="3">
                            <img class="avia_image " title="Abducted (131)" src="http://dummyimage.com/600x400/eee/000.jpg" alt="" />
                        </a>
                        <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="3"></a>
                        <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="3"></a>
                        <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="3"></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="flex_cell no_margin av_one_fourth el_after_av_cell_one_fourth avia-builder-el-last av-zero-padding " style="vertical-align: top; padding: 0;">
        <div class="flex_cell_inner">
            <div class="avia-image-container av-styling- avia-builder-el-6 avia-builder-el-no-sibling avia-align-center ">
                <div class="avia-image-container-inner gallery-wrap noLightbox">
                    <a class="galleryItem" href="http://dummyimage.com/600x200/000/fff.jpg" data-group="4">
                        <img class="avia_image " title="Abducted (131)" src="http://dummyimage.com/600x200/000/fff.jpg" alt="" />
                    </a>
                    <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="4"></a>
                    <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="4"></a>
                    <a class="galleryItem galleryItemSet" href="http://dummyimage.com/600x900/000/fff.jpg" data-group="4"></a>
                </div>
            </div>
        </div>
        </div>
    </div>

    After that, add the following php code in the functions.php file and css code in the Quick CSS field:

    PHP:

    // custom lightbox
    function add_custom_script_lightbox(){
    ?>
    <script>
    (function($){
    	$(document).ready(function() {
    		var groups = {};
    		$('.galleryItem').each(function() {
    		  var id = parseInt($(this).attr('data-group'), 10);
    
    		  if(!groups[id]) {
    		    groups[id] = [];
    		  }
    
    		  groups[id].push( this );
    		});
    
    		$.each(groups, function() {
    
    		  $(this).magnificPopup({
    		      type: 'image',
    		      closeOnContentClick: true,
    		      closeBtnInside: false,
    		      gallery: { enabled:true }
    		  })
    
    		});
    	});
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_script_lightbox');

    CSS:

    .mfp-ready .mfp-figure {
        opacity: 1;
    }
    
    .galleryItemSet { 
        display: none; 
    }
    
    #section-gallery .container, #section-gallery .template-page {
        padding: 0;
    }
    

    The gallery set is distinguished by the data-group attribute. Let us know if that’s what you’re looking for.

    Regards,
    Ismael

    #559715
    AD
    Participant

    Hey,

    Thanks in advance for any help on this.

    I found a thread on this with code for functions.php already but would like to change the following…
    1) The image being 100% width (responsive) and centered.
    2) No parallax effect.

    Thanks!
    ____________________________

    
    add_action('ava_after_main_container', 'add_banner_before_breadcrumb'); 
    function add_banner_before_breadcrumb() {
    	if ( is_product() )
    	{
    		echo '<div id="av_product_description" class="avia-section main_color avia-section-default avia-no-shadow avia-full-stretch av-parallax-section avia-bg-style-parallax av-minimum-height av-minimum-height-75 container_wrap fullsize" style="color:#ffffff;" data-section-bg-repeat="stretch">
    			  <div class="av-parallax avia-full-stretch"></div>
    		</div>';
    	}
    }
    
    add_action('wp_footer', 'ava_custom_script_parallax');
    function ava_custom_script_parallax(){
    ?>
    <script>
    (function($){
      	$('#av_product_description .av-parallax').css('background-image', 'url(' + 'https://paultmurphy.files.wordpress.com/2010/08/cropped-boston-skyline-banner-1000.jpg' + ')');
    	$('#av_product_description').css('height', '180px');
    })(jQuery);
    </script>
    <?php
    }
    
    #553828

    Hey!

    Yes, i would not ask for a screenshot unless i did not :)
    Your text and image width are the same ( please see screenshot in private content field).
    Would you like to decrease the size of both? If so, please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your text block element a custom CSS class and then add following code to Quick CSS

    #top div .avia-gallery, .your-custom-class {
        max-width: 77%;
        margin: auto;
    }

    Cheers!
    Yigit

    #546400

    OK – I have created a test page.

    This is the css I have added to the style.css of my child-theme for Enfold

    /****** Logo in Special Header *********/
    .sn-sk-bgt-test  .container{
    	background-image: url("http://scheer-nederland.nl/wp-content/uploads/2015/11/SAP_Silver_Partner_Scheer-Nederland.png");
    }

    Now you will see that is picture is repeating. When I add the option “right no-repeat” after the URL, I don’t see anything anymore.

    What I would like to achieve is that this picture is only displayed in the upmost right corner of the full-width Color Section.
    This is on top of the used background-image that is used in the color section.
    I have now used the container section. But this is not the right one

    The background Image in my Color Section is having the following settings:

    [av_section min_height='custom' min_height_px='250px' padding='default' shadow='no-shadow' bottom_border='border-extra-arrow-down' id='' color='alternate_color' custom_bg='#2996cc' src='http://scheer-nederland.nl.185-21-241-26.kbitehosting.nl/wp-content/uploads/2015/10/SAP_bridge-1310.jpg' attachment='' attachment_size='' attach='parallax' position='center center' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='#0070e8' overlay_pattern='{{AVIA_BASE_URL}}images/background-images/grid-big-dark.png' overlay_custom_pattern='' custom_class='sn-sk-bgt-test']
    [av_heading heading='Digitale Transformatie' tag='h1' style='blockquote modern-quote' size='' subheading_active='subheading_below' subheading_size='15' padding='5' color='meta-heading' custom_font='' custom_class='sn-sk-header']
    <ul>
    	<li>Waarde creëren in digitale economie</li>
    	<li>Van standaardisatie naar eenvoud en innovatie</li>
    	<li>Realiseren van succesvolle "Customer Experience"</li>
    	<li>Digitaliseren van processen</li>
    	<li>Integrale samenwerking in de waardeketen</li>
    </ul>
    [/av_heading]
    [/av_section]
    

    Settings for the background image are:
    – Parallel
    – Center Center
    – No Repeat

    It sounds to me that this is more a css issue where the right section/div needs to be addressed to make this happen.

    I hope you are still able to support me with this.

    #545453

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .av-large-testimonial-slider .avia-testimonial-meta { margin: 0; }
    .your-custom-class{ background-size: 1215px 250px; }

    then please enable custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your column where you have applied a custom background image and give it a custom class. And adjust “your-custom-class” in the code above accordingly

    Regards,
    Yigit

    Hey Yigit,

    Thanks for your help I done it. So what I could understand is here:

    Step 1. Go to Appearance> Editor – Select Enfold Theme (if you are using Enfold Child) then Select Theme function file (functions.php)

    Step 2. Just remove // in front of the add_theme_support(‘avia_template_builder_custom_css’); function and update
    (this code is already in functions.php you can just copy and this code and use Ctrl+F to find its location)

    Step 3. Open the page where you are using hotspots and put any unique name for class under Custom Css Class field
    (you can use name with some prefix for example dct-hotspot, dct is prefix so, it makes the class name unique)
    Step 4. Navigate to Enfold theme options under General Styling tab, put the following code under Quick CSS section.
    .dct-hotspot .av-image-hotspot.av-display-hotspot {
    opacity: 0;
    height: 70px;
    width: 70px;
    }

    Step 5. Refresh the page. All done, see the change. hot spots are not invisible.

    #520747

    Hi!

    Please turn on the custom css class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Edit the image element then add a unique class in the class css field. Use “custom-image” for example then use the selector in the Quick CSS field:

    .avia-mozilla .custom-image img { width: 100%; }
    

    Best regards,
    Ismael

Viewing 30 results - 421 through 450 (of 612 total)