Forum Replies Created

Viewing 30 posts - 10,291 through 10,320 (of 11,866 total)
  • Author
    Posts
  • in reply to: Replace line on testimonial link with an icon? #756664

    the dash is to seperate from jobdescription. !
    if you can live with the dash and ad only an icon infront of the link you only need the last css code

    in reply to: Replace line on testimonial link with an icon? #756658

    i think it will be the best if you change the testimonial.php

    copy a testimonial.php to your child-theme / shortcodes folder
    if this does not exist – create one.
    the file to copy is in enfold/config-templatebuilder/avia-shortcodes/

    and add this to your child-theme functions.php :

    add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
    function avia_include_shortcode_template($paths)
    {
      $template_url = get_stylesheet_directory();
          array_unshift($paths, $template_url.'/shortcodes/');
    
      return $paths;
    }

    now the copy will be used instead of the parent-theme shortcode.

    see line : 420/421:

    if($link)	$output .= "<span class='hidden avia-testimonial-markup-link'  {$markup_url}>{$link}</span>";
    if($link)	$output .= " &ndash; <a class='aviablank avia-testimonial-link' href='{$link}' >{$linktext}</a>";

    here is your “-” that &ndash; delete it to have:

    if($link)	$output .= "<span class='hidden avia-testimonial-markup-link'  {$markup_url}>{$link}</span>";
    if($link)	$output .= " <a class='aviablank avia-testimonial-link' href='{$link}' >{$linktext}</a>";

    if you like to insert later an icon you can place it then via pseudoclass :before f.e:

    .avia-testimonial-link::before {
        content: "\e822 \00a0";
        font-family: entypo-fontello;
    }

    Result here: Link

    in reply to: Enfold Enrique Picture in Header #756473

    Wenn du natürlich willst, dass das Logo mit rausscrollt wie das Heading könntest du mit pseudo-klasse das Bild platzieren.
    Hier jetzt mal der Code für die Demoseite von Kriesi:

    .home .avia-caption-title::before {
        content: "\00a0";
        display: inline-block;
        position: relative;
        height: 100px;
        width: 100%;
        top: -20px;
        background: url("http://kriesi.at/themes/enfold-one-page-portfolio/files/2015/02/logo_onepage_portfolio_text2.png");
        background-repeat: no-repeat; 
        background-position: top center;
        background-size: 250px auto;
    }

    hier wird also ein Container vor der Überschrift platziert. Der Container hat “keinen” Content (er muss einen haben – sonst wird er nicht angezeigt, daher das Sonderzeichen bei Content (Leerzeile)) – dafür aber ein Hintergrund Bild. Das Hintergrundbild ist dein freigestelltes Logo. Den Pfad musst du natrlich austauschen.
    Der Rest ist dann Größe und Platzierung. Das kann ich nicht sehen wie es bei dir passen würde.

    Der Code oben in deine Quick css hinein.
    Der ist jetzt so nur für die (home) Startseite gedacht. Wenn du das auf anderen Seiten benötigst, dann muss man da halt die page id statt home setzen also zB.:
    .page-id-123 .avia-caption-title::before { … }

    in reply to: Enfold Enrique Picture in Header #756418

    was ist das ? Enrique?
    Die Demos haben doch andere Namen oder?

    Ich würde ja gerne helfen – schau mal bitte wie das richtig hieß – die Demo

    Edit : aha ich sehe , es ist die One Page Portfolio Demo.

    Und du hast auch diese Option mit Header erst sichtbar nach dem scrollen gewählt?

    Wenn ich das so lese, dann meinst du garnicht das platzieren im Header Bereich, sondern in dem ersten großen (Vollbildslider) – oberhalb von:

    Welcome!
    I am Enrique Fold

    Am einfachsten wäre sicherlich das Bild zu manipulieren. Downloade es und setze dein Bild (Logo) in das Bild hinein.
    Denn in einem Slider – wie du gesehen hast gibt es so zunächst keine Möglichkeit ein zusätzliches Bild zu platzieren.

    • This reply was modified 8 years, 9 months ago by Guenni007.
    in reply to: Layerslider not "full-version" #756006

    seems to be only that feature of “Play by scroll” – but this is a nice feature. So please talk to those people of creature media. The success of layerslider goes deeply with the distribution via themes like Enfold. The awarenesslevel is correlated to it. So Enfold-User (or Users of two or three other premium themes should have all features.

    in reply to: insert css code via functions.php ? #755722

    ok – sometimes i’m too confused that i can’t see the wood for trees:

    function wp_head_mod() {
    echo '<style type="text/css">
    body .av-special-heading.modern-right {text-align: right !important}
    </style>';
    }
    add_action('wp_head', 'wp_head_mod');

    that works

    in reply to: insert css code via functions.php ? #755720

    for example : i have this here for adding css code concerning to admin options dialog.
    this stretches the quick css input field to the whole width ( more place to edit)

    function admin_head_mod() {
    echo '<style type="text/css">
    #avia_quick_css .avia_description {float: none;margin-bottom: 20px !important;padding-left: 0 !important;width: 98%}
    #avia_quick_css .avia_control {float: left;max-width: 98% !important;width: 98% !important}
    .avia_footer_links li {float: left;padding-right: 20px}
    .avia_footer .avia_footer_save {float: left}
    </style>';
    }
    add_action('admin_head', 'admin_head_mod');

    is there an equivalent to the question above ?

    in reply to: Widget on the header keeps showing on the left #755632

    the difference was !

    #header.widget to #header .widget
    the spacebar is missing
    with no space the class has to be directly on the header container
    without space there is a class following the header container.

    you did it right on the media querry – maybe only a careless mistake

    in reply to: Shrinking Header on Tablet / screen landscape mode #755600

    see here the thread of mine with Josue Solution (same as above – only with a better name for that fild (js))

    https://kriesi.at/support/topic/shrinking-header-on-ipad-does-not-work/#post-575345

    in reply to: Shrinking Header on Tablet / screen landscape mode #755599

    what is the problem – you miss the shrinking behavior on tabletts !
    so your options are all good but there has to be a fix for it. I only knew one for ipad – if it works with other tabletts i don’t know.

    Put this to your functions.php of the child-theme:

    function include_custom_js_file() {
       wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/shrink_fix.js', array('jquery', 'avia-default'), 2, true );
    }
    add_action( 'wp_enqueue_scripts', 'include_custom_js_file', 100 );


    copy the code and call it : shrink_fix.js

    (function($){
        
        $(document).ready(function()
        {	
        	// avia_header_size function initialization
            avia_header_size();		
    		
        });
    
        // required auxiliary function for avia_header_size
        function av_change_class($element, change_method, class_name)
        {	
        	if($element[0].classList)
        	{
        		if(change_method == "add") 
        		{
        			$element[0].classList.add(class_name);
        		}
        		else
        		{
        			$element[0].classList.remove(class_name);
        		}
        	}
        	else
        	{
        		if(change_method == "add") 
        		{
        			$element.addClass(class_name);
        		}
        		else
        		{
        			$element.removeClass(class_name);
        		}
        	}
        }
        
    
            // custom avia_header_size
    	function avia_header_size()
    	    {
    	        var win				= $(window),
    	            header          = $('.html_header_top.html_header_sticky #header'),
    	            unsticktop		= $('.av_header_unstick_top');
    	            
    	        if(!header.length && !unsticktop.length) return;
    	        
    	        var logo            = $('#header_main .container .logo img, #header_main .container .logo a'),
    	            elements        = $('#header_main .container:not(#header_main_alternate>.container), #header_main .main_menu ul:first-child > li > a:not(.avia_mega_div a, #header_main_alternate a), #header_main #menu-item-shop .cart_dropdown_link'),
    	            el_height       = $(elements).filter(':first').height(),
    	            isMobile        = $.avia_utilities.isMobile,
    	            scroll_top		= $('#scroll-top-link'),
    	            transparent 	= header.is('.av_header_transparency'),
    	            shrinking		= header.is('.av_header_shrinking'),
    	            topbar_height	= header.find('#header_meta').outerHeight(),
    	            set_height      = function()
    	            {	
    	                var st = win.scrollTop(), newH = 0, st_real = st;
    					
    					if(unsticktop) st -= topbar_height; 
    					if(st < 0) st = 0;
    					
    					if(shrinking) // in the original one, there's a !isMobile here
    	                {
    		                if(st < el_height/2)
    		                {
    		                    newH = el_height - st;
    		                    if(st <= 0){
    								newH = el_height;
    						    }
    		                    
    		                    av_change_class(header, 'remove', 'header-scrolled');
    		                    //header.removeClass('header-scrolled');
    		                }
    		                else
    		                {
    		                    newH = el_height/2;
    		                    //header.addClass('header-scrolled');
    		                    av_change_class(header, 'add', 'header-scrolled');
    		                }
    		                
    		                if(st - 30 < el_height)
    		                {
    		                    av_change_class(header, 'remove', 'header-scrolled-full');
    		                }
    		                else
    		                {
    		                    av_change_class(header, 'add', 'header-scrolled-full');
    		                }
    		                
    		                
    		                elements.css({'height': newH + 'px', 'lineHeight': newH + 'px'});
    	                	logo.css({'maxHeight': newH + 'px'});
    	                }
    	                
    	                if(unsticktop.length)
    	            	{
    	                	if( st <= 0)
    	                	{
    		                	if(st_real <= 0) st_real = 0;
    	                		unsticktop.css({"margin-top":"-"+st_real+"px"});
    						}
    						else
    						{
    	                		unsticktop.css({"margin-top":"-"+topbar_height+"px"});
    						}
    	            	}
    	                
    	                if(transparent)
    	                {	
    	                	if(st > 50)
    	                	{	
    	                		//header.removeClass('av_header_transparency');
    	                		av_change_class(header, 'remove', 'av_header_transparency');
    	                	}
    	                	else
    	                	{
    	                		//header.addClass('av_header_transparency');
    	                		av_change_class(header, 'add', 'av_header_transparency');
    	                	}
    	                }
    
    	               
    	            }
    
    	            if($('body').is('.avia_deactivate_menu_resize')) shrinking = false;
    	            
    	            if(!transparent && !shrinking && !unsticktop.length) return;
    	            
    				win.on( 'debouncedresize',  function(){ el_height = $(elements).attr('style',"").filter(':first').height(); set_height(); } );
    	            win.on( 'scroll',  function(){ window.requestAnimationFrame( set_height )} );
    	            set_height();
    	    }
    
       
    })(jQuery);

    create in your Child-Theme folder a folder called js and upload that shrink_fix.js to it

    after that the shrinking header works as on all desktop-pc

    in reply to: Partner Logo Display with Lightbox Popup #755597

    hm – i think on the image you added – click again on the image in the alb options dialog. than you see the options to the image including link behavior.

    in reply to: Image (link) overlay questions #755595

    i found something here on avia.js on line 735

    if(outerH > 100)
    {
    	
    	if(!overlay.length)
    	{
    		overlay = $("<span class='image-overlay "+span_class+"'><span class='image-overlay-inside'></span></span>").appendTo(link);
    		
    	}
    	//can be wrapped into if !overlay.length statement if chrome fixes fade in problem
    	if(link.height() == 0) { link.addClass(_self.className); _self.className = ""; }
    	if(!linkCss || linkCss == 'inline') { link.css({display:'block'}); }
    	//end wrap
    	
    	overlay.css({left:(pos.left - overlay_offset) + parseInt(current.css("margin-left"),10), top:pos.top + parseInt(current.css("margin-top"),10)})
    		   .css({overflow:'hidden',display:'block','height':outerH,'width':(outerW + (2*overlay_offset))});
    		   
    	if(cssTrans === false ) overlay.stop().animate({opacity:opa}, 400);
    }
    else
    {
    	overlay.css({display:"none"});
    }

    but this does not help you i know

    in reply to: Image (link) overlay questions #755593

    seems to be a matter of image size ( all-inkl is only 116px of height – all others have more) –
    i don’t know where the display: none comes from. maybe there is a height limit for that in code.
    you can force to show it by:

    
    .image-overlay.overlay-type-extern {
        display: block !important;
        top: 0;
    }

    but as i see you want to get rid off all overlay effects.
    Why is a css solution not wanted by you? give a custom class to those images …

    in reply to: how to load f.e. a custom heading.php #755102

    So to be precise when adding that code every shortcode in the child-theme/shortcodes. folder overwrites the existing one in parent folder?
    (I thought i had allready looked into the documentation ? )

    if so the thread can be closed.

    • This reply was modified 8 years, 9 months ago by Guenni007.
    in reply to: Lightbox: Displaying 'alt' tag below image #753534

    A line break ind <br/> in alt -tag does not work. So my advice is to get here instead the description. But i don’t know how to adress it.

    in reply to: What0s new in Enfold 4.0? #753166

    or you goto kriesi itself:
    http://kriesi.at/documentation/enfold/enfold-changelog/

    • This reply was modified 8 years, 9 months ago by Guenni007.
    in reply to: Lightbox: Displaying 'alt' tag below image #751920

    Maybe you could change it not to alt attribut but to description of image

    in reply to: Lightbox: Displaying 'alt' tag below image #751918

    hm try this in functions.php of your Child-Theme – it will than show the alt tag instead (if there are more lines – i don’t know)
    don’t know if this works for standalone Images but for galleries it works

    function gallery_title_fix(){
    ?>
    <script>
    (function($){
        $(window).load(function() {
          $('.lightbox-added img').each(function(){
                var lin = $(this).attr('alt');
                $(this).attr('title',lin);
            });
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'gallery_title_fix');
    • This reply was modified 8 years, 9 months ago by Guenni007.
    in reply to: how can i bring this image to the right? #751762

    but in your case with the image in front – and only one column set to image right positioning we can select the heading via neighbour selector:

    .avia-image-container.avia-align-right + .av-special-heading .av-special-heading-tag {
        text-align: right;
    }

    but still your png has empty space on the right side (the other images not)

    diese Regel würde jedes Heading was ein direkter Nachbar zu einem Bild ist welches rechts platziert ist dementsprechend ändern.
    Wenn das nicht gewünscht ist, dann musst du Seitenspezifisch arbeiten (voranstellen von .home als Klasse zB)

    Hier eine nette Seite wegen der Selektoren: Link

    • This reply was modified 8 years, 9 months ago by Guenni007.
    in reply to: how can i bring this image to the right? #751758

    hey Basilis on screenshot you can see the url.

    for the centered image there is the same solution: Set up the image as centered – and the heading to modern centered !

    But to have the oportunity to set up the heading on the third column it will be nice to have here a custom css class.

    • This reply was modified 8 years, 9 months ago by Guenni007.
    in reply to: Layerslider styles issue #751756

    did you style it via options dialog – or do you fill in that little field under options your custom css.?
    i recognized it on an installation that f.e. the transparency background of a text did not work but if i put in the input field under those options the css code it works. ( i mean the input field of layerslider itself – it has its own custom css field

    in reply to: Google Maps loading on every page #751555

    well there are a lot of code snippets here on board to deactivate google maps.
    maybe something like this is working. (you can see that accept page 3184 the maps api isn’t loaded)

    this comes to child-theme functions.php:

    add_filter('avf_load_google_map_api', 'disable_google_map_api', 10, 1);
    function disable_google_map_api($load_google_map_api) {
    if( !is_page(3184) ) {
            $load_google_map_api = false;
            return $load_google_map_api;
    }
    }

    But ! if you have the maps in the widget area you have to see how you can manage it.
    And if you use some caching tools – i don’t know how if this will work too
    On a test installation of mine it seems to work Link

    in reply to: how can i bring this image to the right? #750976

    ha – and by the way – i see the image is an alb image so you have the opportunity to choose position of the image to right. !

    in reply to: how can i bring this image to the right? #750964

    well first of all it will be nice if the image (png) does not have any space to the right – otherwise we have ta right positioning of -28px or something like this.
    So cut your png – to have no transparency on the right.

    if this is not possible try to get this to quick css:

    .home .avia-builder-el-10 .avia_image {
        position: relative;
        right: -40px !important;
    }

    but it will be nice to have here for the last column a custom class because this does not look good if the h1 under it is stayes there.
    And it is much easier to create a specific css code for both img and heading tag.

    btw. it is not good to have more than one h1 per page !

    • This reply was modified 8 years, 9 months ago by Guenni007.
    in reply to: www.link.at why there is a link in enfold file? #750960

    and you recognized it because you are using Wordfence :lol ?

    see here: https://kriesi.at/support/topic/wordfence-critical-issue-with-enfold-theme-file/#post-746534

    so update to 3.8.5 or if you are a paranoid person just put in your domain (because it is commented out – there was no result of what is in there)

    • This reply was modified 8 years, 9 months ago by Guenni007.
    in reply to: header widget to be below logo & menu on mobile view #749607

    on header you have i think three different possibilities to insert code to:

    /********* the one you choose **********/
    add_action( ‘ava_after_main_menu’, ‘enfold_customization_header_widget_area’ );
    function enfold_customization_header_widget_area() {
    dynamic_sidebar( ‘header’ );
    }

    /*********header widget area before**********/

    add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
    function enfold_customization_header_widget_area() {
    	dynamic_sidebar( 'header' );
    }

    /*********header widget area just right after main container starts **********/

    add_action( 'ava_after_main_container', 'enfold_customization_header_widget_area' );
    function enfold_customization_header_widget_area() {
      dynamic_sidebar( 'header' );
    }

    maybe it is better to choose one of the two other options

    in reply to: Additional Google Font not displayed #748266

    i often use the source sans pro – but only latin not latin extended – maybe this is causing the mismatch?

    and by the way you don’t need to mention the latin case because it is in the latin-extended version.
    so :

    add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
    function avia_add_heading_font($fonts)
    {
    $fonts['Source Sans Pro Extra Bold'] = 'Source Sans Pro:900&subset=latin,latin-ext';
    $fonts['Source Sans Pro Bold'] = 'Source Sans Pro:700&subset=latin-ext';
    return $fonts;
    }
    
    add_filter( 'avf_google_content_font',  'avia_add_content_font');
    function avia_add_content_font($fonts)
    {
    $fonts['Source Sans Pro Light'] = 'Source Sans Pro:300&subset=latin-ext';
    return $fonts;
    }
    in reply to: Enfold Facebook Group #747921

    This here is the place to get help!

    and btw. what is this ? Facebook for

    in reply to: Center menu – responsive ?! #745494

    this is because it is in media querie rule:

    the ending curly bracket is now missing there – where do you want to end this rule. You have to put in a }

    Edit : i put in the bracket – now you can erase me as user

    that is the reason why i do not have those media queries in the middle of the css. i put it alway on the bottom to it:

    @media only screen and (max-width: 810px) {
    this last closing bracket was not there
    }
    in reply to: Layerslider Update #745423

    Great – thanks

Viewing 30 posts - 10,291 through 10,320 (of 11,866 total)