Forum Replies Created

Viewing 30 posts - 8,161 through 8,190 (of 11,475 total)
  • Author
    Posts
  • thats nice – but without a live link it does not work – to decide from a screenshot it is not possible.
    i had to see the dom structure and to be able to simulate changings on developer tools

    if you like to have that too: https://webers-testseite.de/edited-enfold-alb-elements/#icons

    But be carefull : New Enfold has its shortcodes about icon-box and icon list now in subfolders – and the hierarchical structure had to be preserved
    so the downloaded files comes to
    icon-list.php to child-theme/shortcodes/iconlist
    icon-box.php to child-theme/shortcodes/iconbox

    in reply to: Open Sans Font #944483

    Yes, you are right, but many of the users run into this misunderstanding here. Then the topics are: “why can i not use the added font for my icon-titles via quick css …” etc. pp.
    the quick and dirty solution is to go to advanced styling and set for example for a H6 the added font as font-family – this will activate the font as well.

    in reply to: Youtube video aspect ratio displaying incorrectly #944334

    If you want simple solutions, you have to be satisfied with simple requirements.

    I would have liked it if you had answered. As you have achieved now – because I like to learn from other solutions. Finally, we tried to find a solution. Since a final report on your part should already be possible.

    Sorry – no private links can be seen by me – i’m still a Participant as you
    my avatar/nick gives you contact info – so feel free to email me.

    your topic is about easy-slider isn’t it?
    What icons ?
    On that page there are also other alb elements with edited settings but you like to have the sliders ?

    it is i think a nice and noob secure description.

    1) create a subfolder in your child-theme folder called shortcodes
    2) place this in 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;
    }

    3) download the zip file and unzip it and upload all 4 files to that subfolder
    4) you can see what is new on sliders ( on easy slider see here :
    5) now you can choose what h tag you like to have and what font-size it got
    6) see on testpage that there is a h1 heading in one easy-slider slide.

    • This reply was modified 7 years, 2 months ago by Guenni007.
    in reply to: Fatal error adding Google Font #944208

    Or whereever (line xy) you have loaded the other font combine those rules to one:

    And by the way:

    The font added through this code can be found at the bottom of the list ( not sorted in alphabetical order )

    add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
    function avia_add_heading_font($fonts)
    {
    $fonts['Source Sans Pro'] = 'Source Sans Pro:300,300i,400,400i,700,700i';
    $fonts['Roboto'] = 'Roboto:300,400,700';
    $fonts['Open Sans'] = 'Open Sans:400,400i,600,600i,700,700i';
    return $fonts;
    }
    
    add_filter( 'avf_google_content_font',  'avia_add_content_font');
    function avia_add_content_font($fonts)
    {
    $fonts['Source Sans Pro'] = 'Source Sans Pro:300,300i,400,400i,700,700i';
    $fonts['Roboto'] = 'Roboto:300,400,700';
    $fonts['Open Sans'] = 'Open Sans:400,400i,600,600i,700,700i';
    return $fonts;
    }
    in reply to: Fatal error adding Google Font #944205

    if you add more than one font please do all fonts ( different names ) in one rule together or
    rename that function

    On that:

    add_filter( 'avf_google_heading_font', 'avia_add_custom_heading_font');
    function avia_add_custom_heading_font($fonts)
    {

    after add_filter – the first is the filter name and the second is function name
    as long as function names are corresponding – the name could be whatever you like so this will work too.

    A function needs to be on definition something unique. So if you have allready included another font in line 17 this goes to that error.
    And now your are a lucky guy – because on former WordPress Versions this causes a white screen of death.

    ________________

    Next Thing: What do you think should happen here – the first line is absolutely superfluous

    Same font – same font style

    $fonts[‘Didact Gothic’] = ‘Didact Gothic:400,700’;
    $fonts[‘Didact Gothic’] = ‘Didact Gothic:400,700,400italic,700italic’;

    so this might be enough to add:

    add_filter( 'avf_google_heading_font', 'avia_add_didact_gothic_heading_font');
    function avia_add_didact_gothic_heading_font($fonts)
    {
    $fonts['Didact Gothic'] = 'Didact Gothic:400,700,400italic,700italic';
    return $fonts;
    }
    
    add_filter( 'avf_google_content_font', 'avia_add_didact_gothic_content_font');
    function avia_add_didact_gothic_content_font($fonts)
    {
    $fonts['Didact Gothic'] = 'Didact Gothic:400,700,400italic,700italic';
    return $fonts;
    }

    you see if functions name are corresponding it will work
    The conflict comes from using the function name twice

    Well – i don’t know – i think this will be a nice thing to have.
    Feel free to make a feature request here: https://kriesi.at/support/enfold-feature-requests/

    in reply to: Enfold update – latest version #944187

    Sorry Merilla – i can not see private content as a Participant as you – so wait for mod please

    in reply to: Page shouldn't be scrollable when lightbox is opend #944124

    i will have a look what happens to pages with no masonry now and with image lightboxes

    Edit : works with video lightboxes too ( not the video alb element – but links from images or text to video files

    • This reply was modified 7 years, 2 months ago by Guenni007.
    in reply to: Page shouldn't be scrollable when lightbox is opend #944096

    try this: – and please ismael say if there are some faults or upgrades on that code
    i tried it first with attr or removeAttr but simple css was in success
    but the real hint was to the .mfp-bg

    add_action('wp_footer', 'custom_lightbox_script');
    function custom_lightbox_script(){
    ?>
    <script type="text/javascript">
    (function($) {
        function a() {
            $('body').on('click', '.lightbox-added', function() {
    			if($('.mfp-bg').length >= 1) {
    				$('html').css("overflow-y", "hidden");
    			} 
    		});
    		
    		$('body').on('click', function() {
    			setTimeout( function() {
    				if($('.mfp-bg').length == 0) { 
    					$('html').css("overflow-y", "scroll");
    				}
    			},500);		
    		});
                 }
    	a(); 
    })(jQuery);
    </script>
    <?php
    }

    you don’t need css settings in quick css because it works about css ( inline )

    see here in action: https://webers-testseite.de/weber/lightbox/

    in reply to: Open Sans Font #944050

    Hi Rikard – the thing on this is not really clear in documentation.
    The code provided by this link https://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/
    make the font only available for Enfold to choose for headings and content font –
    the possiblity of choosing it does not activate it automatically. That would be a performance disaster for the page
    So if you dont choose it as heading or content font in Enfold Options page – you can not use it via quick css!

    The code above activates the fonts – you can directly use it in quick css

    add_action('wp_head', function() {
    ?>
    	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin-ext" rel="stylesheet"> 
    <?php
    });
    • This reply was modified 7 years, 2 months ago by Guenni007.
    in reply to: Enfold update – latest version #944043

    so how do you upload the new folder?
    did you erase the old one – or renamed it – or (my suggestion) drag and drop the new enfold folder to your directory and overwrite existing files.

    In this case it is clear for me what happend.
    New Enfold has a bit rearanged folder structure – especially in the config-templatebuilder/avia-shortcodes folder.
    A lot of those shortcodes are now in subfolders ! – so what happend on pulling the new enfold over the old one.
    There are now two shortcodes f.e. for buttons, iconboxes, iconlists etc.
    This maybe the reason for that mismatch.

    i always do update via ftp and my advice is:
    1) rename enfold folder to enfold-old folder
    2) upload the new enfold folder
    3) test your page if everything works fine
    4) in case of whitescreen or other crashes – you can erase the enfold folder – and rename the enfold-old folder back to enfold
    5) so that is your fall-back included if something went wrong

    maybe this is a solution for you: https://webers-testseite.de/edited-enfold-alb-elements/#sliders

    i edited the ( in this case four files )
    the page includes a how to on top
    if these files won’t work on the Version 4.3 to come – i will place new links there.

    edit – now even easyslider works this way: https://webers-testseite.de/easy-slider/

    in reply to: https error because of kriesi backgroud image #943985

    it is the section with “Se connecter au corps” the three icons.
    Try to insert a different background image – save your page – and then you can delete the background-image again – save again.
    Eventually this will override the old entry

    in reply to: Enfold update – latest version #943984

    Sorry for my question – what do you mean by “and installed the new map on the ftp ?
    You uploaded only google_maps.php and leave the rest untouched. Or is that a commen phrase that I as a German are not familiar with, and you mean “Then I uploaded the whole thing” – i’m a bit confused.

    in reply to: https error because of kriesi backgroud image #943747

    look to the page where it is non secure detected.
    go into the editior of that page and open the color-sections – it must be a background image – or an overlay image.
    Due to lack of a page link – i can not be more precise

    by the way the new link would be: https://kriesi.at/themes/enfold-health-coach/files/2016/05/food-bg-3.jpg

    this was the demo look:

    in reply to: Contact Form Date #943705

    in this case I would give you the advice to use instead Contact Form 7 with datepicker addon
    They have a lot of presettings which comes to your wishes.

    looks this way – guess if the language is english it will show am or pm

    in reply to: Getting rid of Enfold by Kriesi in footer copyright area #943687

    see here: https://kriesi.at/documentation/enfold/change-the-footer-text-and-link/

    add to your footer[nolink]

    ______________________

    just for info:

    you can redefine the backlink via functions.php of your child theme

    function new_nolink(){
    $kriesi_at_backlink = "<a href='https://custom-link'>Custom Backlink</a>";
    return $kriesi_at_backlink;
    }
    add_filter("kriesi_backlink","new_nolink");
    in reply to: Open Sans Font #943647

    The code you have above ( and as i said erase the plus sign like in my code) is only to have on enfold options the possibility to set for body and for content text the font. The font added through this code can be found at the bottom of the list ( not sorted in alphabetical order )
    Only if you set the code there the font will be activated.

    If you do not want to use the setting there – only to use with css and activated do this to functions.php of your child-theme:
    (here the plus must be set as given from google font itself)

    add_action('wp_head', function() {
    ?>
    	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin-ext" rel="stylesheet"> 
    <?php
    });
    in reply to: Place PHP code beneath every portfolio page #943594

    what php code is it ? form a plugin …
    there are a lot of hooks implemented in enfold – sounds like the
    ava_after_content will do the job and for including it only in portfolio pages an if clause like

    if( is_singular('portfolio') ) { …. will make it

    in reply to: Color section background image #943544

    So for your pages you only have to edit the gradient – the image on top is the same

    here is a nice gradient creator online: http://www.cssportal.com/css-gradient-generator/
    you only need two definitions the webkit and the normal one ( they are enough for all modern browsers)

    if you have that background more than once – maybe you give it better a custom class

    in reply to: Color section background image #943526

    let it shortly open :
    you can give a container more than one background-image

    you can have here a look to what is possible ( it works with color-section too) : https://webers-testseite.de/multiple-background-images/

    so you can do it via css to have the whole color-section a gradient and on top ( no-repeat) your 5-colored small line ( without the violett on the bottom) and set this image to contain !

    I will give you a demonstration: https://webers-testseite.de/multiple-background-images/

    on the bottom there is your color-section – if you shrink the window size you see that the small image with the colored fields is responsive and not cut of all color fields are seen !
    the gradient is the other thing as described in the test page.
    code for that colorsection (got id = confiance)

    #confiance {
     background-image: url(/wp-content/uploads/bandeau_1920.jpg ) , -webkit-linear-gradient(left, rgb(88,87,90) 0%, rgb(110,99,140) 100%); !important;
     background-image: url(/wp-content/uploads/bandeau_1920.jpg ) , linear-gradient(to right, rgb(88,87,90) 0%, rgb(110,99,140) 100%) !important;
     background-repeat: no-repeat;
     background-position: left top,  center center;
     background-size:  contain, cover ;
    }

    or even better to have for that image a width of 100% and a static height:

    #confiance {
        background-image: url(/wp-content/uploads/bandeau_1920.jpg ) , -webkit-linear-gradient(left, rgb(88,87,90) 0%, rgb(110,99,140) 100%);
        background-image: url(/wp-content/uploads/bandeau_1920.jpg ) , linear-gradient(to right, rgb(88,87,90) 0%, rgb(110,99,140) 100%) !important;
        background-repeat: no-repeat;
        background-position: left top, center center;
        background-size: 100% 20px, cover;
    }

    no that is not correct – the last entry of such a css code need no semicolon at all.
    A lot of minimizer tools do that on default – the semicolon only separtes the attributes against each other. So the last one does not need it – but:

    A lot of people will do it out of habbit – and so you do not accidentally forget it when adding lines.

    in reply to: General styling issue on multilangiage site (WPML) #943518

    hm i do translate the pages / post the same way. i check duplicate and then change text and maybe images etc.
    And that causes the lost of f.e colorsection background-colors ? or other style settings on that page –
    On copy the content i thought that this was transformed too.

    in reply to: Is it possible to make an element "global" ? #943514

    By the way – i’m astonished that this construct does not influence sidebar behavior !

    On default every color-section ( or tab-section) caused the sidebar to go down those segments !
    but as you can see on my testpage : https://webers-testseite.de/weber/entry-with-audio/
    this inserted color-section is under the sidebar !

    in reply to: Is it possible to make an element "global" ? #943507

    the thing is that my code implements allready the color section characteristics and settings with the container following
    so only do the content of that color section in it

    because if you have this structure without surrounding containers :

    add_action('ava_before_footer', function() {
    	echo do_shortcode("
    	   here the shortcode from debug mode including the surrounding color-section
    	");
    });

    that does not work

    you have to only do the content in it – you can use container elements like 1/2 etc:

    so to get your insertion shortcode create a new page with your layout you like to have in that section – but without color-section:
    click to enlarge:

    this code comes to :

    add_action('ava_before_footer', function() {
    	echo '<div id="last-section" class="avia-section main_color special-one"><div class="container">';
    	echo do_shortcode("
    		 here comes only the shortcode of the content of that colorsection in it 
    	");
    	echo '</div></div>';
    });

    PS the background-color has to be set via the id : last-section or the class: special-one

    That it does not work with colorsection on that simpler code with no surroundigs has to do with their settings in it:
    i think all alb elements that have this in their config:

    function shortcode_insert_button()
    			{
    				$this->config['type']			=	'layout';
    				$this->config['self_closing']	=	'no';

    color-sections and tab-sections are not self-closing containers !
    a grid-row f.e. will work with that code – and will not break the footer:

    add_action('ava_before_footer', function() {
    	echo do_shortcode("
    	   here the shortcode from debug mode including the surrounding color-section
    	");
    });

    see results on : https://webers-testseite.de/weber/

    in reply to: Is it possible to make an element "global" ? #943494

    One thing first to mention – please use on this board the code tag for code elements!
    i want to test it now with your edited code – but i have to tranfer all exclamation marks back to code quotes that work.

    So more to com – if I have done that …

    in reply to: How to desactivate modals for videos #943134

    well i think if you gave to the surrounding container of that video the class: noLightbox
    will do the job. But be carefull this is casesensitiv !

Viewing 30 posts - 8,161 through 8,190 (of 11,475 total)