Viewing 30 results - 751 through 780 (of 1,182 total)
  • Author
    Search Results
  • #621278
    rcoss
    Participant

    Hello,

    On a page I have added a full screen slider (via the Avia layout builder) with one slide containing a vimeo video that automatically plays after the page has loaded. Is there an easy way to automatically pause the video while the video is not visible on screen when scrolling and to continue playing it when it is visible again ?

    I read the similar thread https://kriesi.at/support/topic/how-to-auto-stop-a-vimeo-video-in-the-full-screen-slider/ but it didn’t help me much a) because I don’t know where in my child theme folder to integrate the jquery code and b) because it shows how to pause/stop the video via clicking on a button rather than when the video is visible/invisible.

    Thanks alot in advance.

    #619457
    dladouceur
    Participant

    I am trying to make my iframe fullscreen, but it isn’t working. Here is the iframe source code:

    <iframe width=”100%” height=”inherit” frameborder=”0″ scrolling=”no” id=”liveImage–iframe8934″ src=”https://s3.amazonaws.com/show.placeit.net/v2/index.html?pl_embed=1&id=8934″></iframe&gt;

    I have tried height=”100%” and “auto” to no luck. The only thing that it listens to is px (obviously).
    Here is an image of the inspected code for the page I am working on.
    This is the inspected page. There is padding surrounding my iframe. I don't want this padding, I want the iframe to fit the whole container it is in.

    If you have any questions, let me know, I want this fixed. Thank you!

    #617757

    In reply to: Blog & Pagiation

    When i create a new blog post and publish it, it doesn’t automatically appear here:

    I have to go to pages > home > and then click “Update” in the Publish section:

    and then it appears on the page.

    I’m asking if there is a way to skip this step: (I have to go to pages > home > and then click “Update” in the Publish section) so it automatically appears on the home page.

    and the issue with pagination:

    if i click on #2 for example:

    the whole page loads and it goes back to the top, then the user has to scroll all the way down to see that the 2nd page is loaded. Isn’t there a way that the 2nd page changes inside the news section? (it doesn’t reload the whole page, it just loads more news)

    • This reply was modified 9 years, 9 months ago by thatkidaathi.
    #617658

    Hi guys

    What I’m trying to achive is to have a homepage that show a fullscreen video with no header, and then if you scroll down to the first anchor there you see the header that stays stick

    Fer

    Hey!

    I’m sorry but I’m not sure what’s the point of doing this. Users will use the slider navigation if they want to see the next or previous image immediately and there’s a huge chance that they will just ignore the auto rotation after seeing the entire slides. They will probably go to another page or scroll down to see the entire page content. If you really need to do this, please modify the js > shortcodes.js file then look for this code around line 4769:

    // public method: shows next image
    		next : function(e)
    		{
    			e.preventDefault();
    			this._stopSlideshow();
    			this._navigate( 'next' );
    		},
    
    		// public method: shows previous image
    		previous : function(e)
    		{
    			e.preventDefault();
    			this._stopSlideshow();
    			this._navigate( 'prev' );
    		},

    .. replace it with:

    // public method: shows next image
    		next : function(e)
    		{
    			e.preventDefault();
    			this._stopSlideshow();
    			this._navigate( 'next' );
    			this.play();
    		},
    
    		// public method: shows previous image
    		previous : function(e)
    		{
    			e.preventDefault();
    			this._stopSlideshow();
    			this._navigate( 'prev' );
    			this.play();
    		},

    Regards,
    Ismael

    #615618

    Is it possible for me to have the icons autoload as they do, but when a visitor hits a particular section. I currently have 9x icons and when a visitor hits the #whyus section, the first 3 autoload and then the other 6 autoload once you scroll down. Is it possible to have them all autoload (with their animation) when the #whyus section is triggered or scrolled to?

    #615616

    I just have a concern about installing a 4-year old plug to manage all my media… one that is not updated regularly with security patches etc and one that is not available in the Word Press Plugin Library….

    It really seems like Enfold should work with Go Daddy to at least give us some parameters of what to ask them to fix / change on their end… it almost seems like the uploads go faster than Go Daddy can handle and error out. If there were only a way to slow them down…

    UPDATE:

    I just found this discussion at WordPress support: https://wordpress.org/support/topic/media-files-cant-upload

    This comment seemed relevant so i tried this fix on my staging site:
    “This issue is being caused due to a restriction placed on your site by your web host. The reason why it appears with Minamaze and not other themes, is because Minamaze creates copied of each image you upload. The correct image size is then automatically used when needed to reduce page load speed time. As a result Minamaze needs longer to upload and create image copies.

    To fix this issue please speak to your webhost and ask them to increase the max_execution_time variable to 300 seconds. Alternatively, you can achieve this by editing your wp-config.php file for your domain. To do this please follow the steps below.

    Open wp-config.php in your sites main directory via FTP (or cPanel)
    Scroll to the line which reads /* That’s all, stop editing! Happy blogging. */
    Add the code set_time_limit(60); above the line /* That’s all, stop editing! Happy blogging. */ text
    This will override any conditions placed on your site by your host and you should now be able to upload images.”

    After modifying the wp-config.php file to 90 seconds (instead of 60) all pictures upload perfectly and it works like a charm!

    HOWEVER – the bad news is that on the staging site this broke the functionality of the Full Screen Slider and those pages just display a big white box where the slider used to be. Feels like we are getting closer to a solution with the above if we can make sure nothing else is broken by increasing the timeout.

    Can someone smarter than I am (most of you..) figure this out? (While the above support thread references a different theme, you’ll also see our beloved Enfold mentioned in the thread)

    Thanks!

    • This reply was modified 9 years, 9 months ago by goldengate415.
    #615413
    mikemhn
    Participant

    Phew, I had some problems with the new WP update as well today. DreamHost was set to auto update WordPress, so I didn’t get a chance to compatibility check for a client. But I’m all back up and running due to the quick Enfold update.

    There is one last bit to the puzzle. I am now missing the scroll to the top button at the lower right corner for mobile devices. Hopefully someone can help me diagnose. The site is in the Private Conhttp://www.grilleatparkplace.comtent section

    #615187

    I found the solution for my problem.

    The actual problem was to scroll the page when touching on the input fields.
    The page is also not scrolling properly on mobile navigation.

    The solution is:

    html, body{
    height:100%;
    -webkit-overflow-scrolling:touch;
    overflow:auto;
    }
    #614016

    Hey Andy,

    Thanks for the info!

    Last question: Is it possible for me to have the icons autload as they do, but when a visitor hits a particular section. I currently have 9x icons and when a visitor hits the #whyus section, the first 3 autoload and then the other 6 autoload once you scroll down. Is it possible to have them all autoload (with their animation) when the #whyus section is triggered?

    Thanks,
    Chris

    #613245
    mwgeeks
    Participant

    Hi guys,
    I installed the realty press plugin for real estate listings and they use an image slider but it’s not working with Enfold theme. If I activate theme 2015, it works perfect. When it loads a listing, it also automatically scrolls down to the bottom of the page which also I don’t want. I upgraded to theme version 3.5.2 but still not working.
    here’s the page, just click on a listing on the bottom of page: http://propertymomnew.staging.wpengine.com/sellers/ (hosted on WPengine)
    One more problem, the buttons used by the listings show a white bar on hover, which it ;looks like it’s coming from a setting in the theme for background-position: -15px, which I can’t overwrite.

    Can you help with this please?
    Thank You!

    #612865

    Hi guys,
    I have a very similar problem. I installed the realty press plugin for real estate listings and they use an image slider but it’s not working with Enfold theme. If I activate theme 2015, it works perfect. When it loads a listing, it also automatically scrolls down to the bottom of the page which also I don’t want. I upgraded to theme version 3.5.2 but still not working.
    One more problem, the buttons used by the listings show a white bar on hover, which it ;looks like it’s coming from a setting in the theme for background-position: -15px, which I can’t overwrite.

    Can you help with this please?
    Thank You!

    BeeCee
    Participant

    Hi @all,

    since many asked over the years in this forum about an Author Box for ENFOLD, I modified a free plugin by “phpbits”, so that it looks quite clean for this theme.
    Since many of the “author box” plugins haven’t been updated for a long time or are just looking “old-fashioned” or have too much “bling-bling”, I decided to use this one:

    https://wordpress.org/plugins/wp-author-box-lite/

    I modified the CSS for this plugin, so that it looks clean and stylish for my ENFOLD site:

    TAB 1:

    TAB 2:

    Plugin Settings: “show in posts –> below”
    There’s also the option to change the color of borders, backgrounds and text directly in the plugin settings page!

    Nevertheless, I modified the CSS and added new ones for a “cleaner look”. Feel free to use them for your own site.
    I put these CSS in the custom.css file of ENFOLD, so that they are not lost in case of a plugin update!

    
    /* WP Authorbox Lite 
    ===================================================================*/
    #wpautbox-below {
    	margin-bottom: 30px;
    }
    .wpautbox-socials {
        padding: 2px 10px;
    }
    body .a-tabs .wpautbox-socials {
        text-align: right;
    }
    body .a-tabs .a-tab-container {
        box-shadow: none;
    }
    .wpautbox-socials .wpautbox-icon {
    	font-size: 12px;
    }
    .wpautbox-socials .wpautbox-icon:before {
        height: 20px;
        line-height: 20px;
        width: 20px;
    }
    .wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-facebook {
        background: #808080 none repeat scroll 0 0;
    }
    .wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-facebook:hover {
        background: #3b5998 none repeat scroll 0 0;
    }
    .wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-twitter {
        background: #808080 none repeat scroll 0 0;
    }
    .wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-twitter:hover {
        background: #00aced none repeat scroll 0 0;
    }
    .wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-instagram {
        background: #808080 none repeat scroll 0 0;
    }
    .wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-instagram:hover {
        background: #3f729b none repeat scroll 0 0;
    }
    .wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-pinterest {
        background: #808080 none repeat scroll 0 0;
    }
    .wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-pinterest:hover {
        background: #cb2027 none repeat scroll 0 0;
    }
    .wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-rss {
        background: #808080 none repeat scroll 0 0;
    }
    .wpautbox-socials.wpautbox-socials-colored .wpautbox-icon.wpautbox-icon-rss:hover {
        background: #ff8300 none repeat scroll 0 0;
    }
    #wpautbox_about {
    	margin-top: 6px;
    }
    .a-tabs #wpautbox_about h4.wpautbox-name {
        font-family: Oswald;
        letter-spacing: 1px;
        margin: 0 0 15px;
        text-transform: uppercase;
    }
    .wpautbox-author-meta {
    	padding-left: 140px;
    }
    .el-icon-user:before, .el-user:before,
    .el-icon-list:before, .el-list:before 
    {
        padding-right: 5px;
    }
    ul.wpautbox-post_type-list.wpautbox-latest-post li {
    	list-style-type: none;
    	margin-left: 0;
    }
    ul.wpautbox-post_type-list.wpautbox-latest-post li:before {
        content: "\f054";
    	font-size: 16px;
        font-family: FontAwesome;
        color: #dbc37a;
        padding-right: 8px;
    }
    ul.wpautbox-post_type-list.wpautbox-latest-post {
    	margin-left: 0;
    	margin-bottom: 0;
    }
    .wpautbox-avatar .avatar {
    	height: auto;
    	width: auto;
    }
    /* hide date 
    body #wpautbox_latest-post .wpautbox-date { display:none; }
    */
    

    —————————
    @Mods: hope it is okay to post this here. I’m NOT the plugin author, I just modified the CSS for the use with my ENFOLD. But perhaps some day Kriesi creates a better one for our beloved ENFOLD ;-)

    • This topic was modified 9 years, 9 months ago by BeeCee. Reason: updated CSS
    #610431
    chrisbelote
    Participant

    Hi,

    i’m wondering if there is some quick CSS to autoload content element icons? Please see image showing white space where content element icons should be, but won’t populate until you scroll down.

    Content Element Icon Autoload

    Please advise.

    Thanks,
    Chris

    #608740

    Hi!

    In page scroll feature on a block of text can only be achieved by using custom CSS.

    An alternative would be to use the elements in a color section so you can easily control the background image and set min height to 100% on color section so page is visible and it scrolls automatically when there is more content. Please check the link in private content we have created a test page for you.

    Best regards,
    Vinay

    #606556

    Hey!

    Right click and view the source of the according tab you can view 2 ID’s

    data-fake-id=”#toggle-id-24″

    and

    id=”toggle-id-34-container”

    Take the one that say’s ID and link it to the end of the according link as mentioned below and it will automatically open and scroll to the link. Please check private content for the link…

    Sorry my bad the above works only when the according is already open.

    When the according is closed it won’t have the active class and the content won’t be visible to the browser to scroll to the correct position.

    To achieve this you need a lot of custom jQuery which will do the following

    1. Check the #ID’s on every link that is clicked
    2. Check if #ID exist in according tabs
    3. Scroll to position and trigger a click on parent tab of the #ID

    This may look simple but you need a lot of customisation and it takes a lot of time to achieve this we recommend to hire a freelancer to do this job.

    We couldn’t find any issues with hotspot tooltip open on click.

    Best regards,
    Vinay

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

    Rikard,

    Thanx for your Speedy reply :)

    The CSS is wrong I admit, but fixing that doesn’t eradicate my poblem.
    The HTML is different too between the homepage and the other page:

    Homepage (code before slider):

    <div id="main" data-scroll-offset="88">
    
    	<div id="layer_slider_1" class="avia-layerslider main_color avia-shadow  avia-builder-el-0  el_before_av_section  avia-builder-el-first  container_wrap fullsize" style="height: auto;">

    The other page (code before slider):

    <div id="main" data-scroll-offset="88">
    
    	<div class="stretch_full container_wrap alternate_color light_bg_color empty_title  title_container"><div class="container"><h1 class="main-title entry-title"></h1><div class="breadcrumb breadcrumbs avia-breadcrumbs"><div class="breadcrumb-trail" xmlns:v="http://rdf.data-vocabulary.org/#"><span class="trail-before"><span class="breadcrumb-title">U are here:</span></span> <a href="http://www.john.doe" title="John Doe" rel="home" class="trail-begin">Home</a> <span class="sep">/</span> <span class="trail-end">The other page</span></div></div></div></div>
    
    	<div id="layer_slider_1" class="avia-layerslider main_color avia-shadow  avia-builder-el-0  el_before_av_section  avia-builder-el-first  container_wrap fullsize" style="height: auto;">

    Where can I edit this piece of code of the other page?

    #606138
    darryldw
    Participant

    Hi. I am using the One Page Portfolio demo and have selected the Flexible Masonry gallery option in admin back office, the problem is that my photo do not load, the numbers do not count and the Facebook and LinkedIn social icons have no animation as I scroll the page down. There is no animation for my photo, numbers and social icons on page scroll but when I select a different masonry gallery like Perfect Grid or Perfect Automatic Masonry the animation seems to work.

    Please advise on a solution I need to send this url out ASAP.
    http://darryloctober.co.za/

    The animation for the demo version works fine, but then again you are using the Perfect Grid gallery option.
    http://kriesi.at/themes/enfold-one-page-portfolio/

    Thank you,
    Darryl October

    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

    Hi!

    Looks like you combined the suggested codes. Please remove all the suggested codes above then replace it with this one:

    .logo a, .logo a img {
        height: auto !important;
        max-height: 116px !important;
    }
    
    .header-scrolled .logo a, .header-scrolled .logo a img {
        height: 56px !important;
        max-height: 56px !important;
    }

    The header is not shrinking. Why is that? Please post the custom css codes on pastebin.com. And make sure that you have the latest version of the theme, 3.5.

    NOTE: Don’t forget to purge the plugin cache after you make any changes to the theme.

    Regards,
    Ismael

    Nicoletta_DUS
    Participant

    Hi,
    could you give me an quick css or other solution so that the header stays the same size without the auto resize effect when scrolling (but stays at the top and does not scroll with the page)?
    Regards.

    #600689

    Hi!

    Thank you for using our theme.

    Leave the code for margin-top and add the following below:

    
    .header-scrolled {
        margin-top: auto !important;
    }
    

    Regards,
    Günter

    #599569

    Hi!

    I think somewhere in the css overflow:auto; is applied which is making the content scroll. you need to remove it… we need access to the link where we can inspect the element in question so we can look at it and tell you exactly what’s causing this issue.

    Best regards,
    Vinay Kashyap

    #599097

    Hi!

    Please add following code to Quick CSS

    .header-scrolled .logo img {
        padding: 10px 0;
    }

    You can simply upload your images in double size and they will be resized automatically and will look fine on retina displays :)

    Cheers!
    Yigit

    #598388

    without opening another topic i think i can ask here for other issues i have. i put some points to make things easier.

    premise: i’m using this CSS code:

    div. logo { top: 5px; }
    .responsive .logo { margin: 5px auto; }
    .main_color {
    background-attachment: fixed;
    background-clip: border-box;
    background-color: #ffffff;
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: cover;
    }
    #wrap_all, #main {
    background: transparent !important
    }
    .page-id-3310 .main_color {
    background-image: url(“////studiopsicologoverona.it/wp-content/uploads/2016/03/psicologo-verona-dr.-giorgio-dal-maso-1.png”);
    }
    .page-id-3341 .main_color {
    background-image: url(“//studiopsicologoverona.it/wp-content/uploads/2016/03/PSICOLOGO-VERONA-GIORGIO-DAL-MASO.jpg”);
    }

    now i have these points to solve:

    1) on Iphone and android device: there’s no parallax scrolling effect between background image and section of text instead on desktop there is that effect . How can i have parallax scrolling on mobile devices?

    2) On android devices ONLY: image background which i seted up by CSS code (Home page background) appears like vertically aligned instead a one single wide image! Why? How can i modify this thing?

    3) on desktop: Home background image (that is the one i seted by CSS code) goes out of the edges of the page! Is there a solution for this issue? What is it?

    4) on iphone and android devices: Logo and main menu area aren’t trasparent, as on desktop, but it’s white and doesn’t change dimension when scrolling, instead on desktop it happens! what can i do? is there a possybility?

    thanks for everthing, you are really competent and kind. i absolutely need help

    #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

    #597301

    In reply to: Adding to sub menu

    Hi,

    Try opening js/avia.js and look for

    					if(scrolled + modifier > top_pos)
    					{
    						if(!fixed)
    						{
    							this.css({top: modifier - bordermod, position: 'fixed'}); fixed = true
    						}
    					}
    					else
    					{
    						this.css({top: 'auto', position: 'absolute'}); fixed = false
    					}

    Change it to:

    					if(scrolled + modifier > top_pos)
    					{
    						if(!fixed)
    						{
    							this.css({top: modifier - bordermod, position: 'fixed'}).addClass('menu-fixed'); fixed = true
    						}
    					}
    					else
    					{
    						this.css({top: 'auto', position: 'absolute'}).removeClass('menu-fixed'); fixed = false
    					}

    That should toggle a class of menu-fixed to the submenu container, with that you can modify the appearance of a specific menu item with CSS:

    .menu-fixed .custom-menu-item{
    display: block;
    }
    

    Regards,
    Josue

    #596642
    Frankmen
    Participant

    Hallo,

    ich habe in der schmalen Topbar unter “Phone Number or small info text” eine Telefonnummer und Mailadresse angegeben.

    Die Mailadresse wurde als Link mit:
    <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a>
    eingetragen.

    Nun habe ich das Problem das ich bei meiner Startseite die Header Einstellung <Transparent und Glassy Header> gewählt habe.

    Wird der Header nun komplett glasig angezeigt wir die Schriftfarbe des Menüs und der Topbar automatisch auf weiss gesetzt damit man sie besser erkennt.
    Scrollt man nun nach unten und der Header wird transparent ändert sich die Schriftfarbe auf grau.
    Soweit alles super …

    Allerdings wird die Schriftfarbe von meiner eingefügten Mailadresse
    <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a>
    in der Topbar hierbei nicht verändert, sie bleibt immer grau egal ob der Header glasig oder transparent ist.

    Ist es möglich eine Mailadresse mit mailto: Funktion in der Topbar anzuzeigen bei der auch die Schriftfarbe entsprechend automatisch angepasst wird ??

    Gruß
    Frankmen

    • This topic was modified 9 years, 10 months ago by Frankmen.
    #594430

    Hi De Groot!

    That is intended as mobile menu shows menu items at the top of the page. If it was not auto scrolled to top when you click to open mobile menu, you would need to scroll manually.
    Changing it is not easily possible. Please request it here – https://kriesi.at/support/enfold-feature-requests/ or hire a freelance developer

    Regards,
    Yigit

    #593658

    Hey!

    Please use this in custom css it will make the long testimonials scroll however feel free to adjust the height 200px to suit your design.

    
    /* Testimonial fixed height*/
    .avia-testimonial-content {
        max-height: 200px;
        height: 200px;
        overflow-y: auto;
    }
    

    Best regards,
    Vinay Kashyap

Viewing 30 results - 751 through 780 (of 1,182 total)