Forum Replies Created

Viewing 30 posts - 8,401 through 8,430 (of 11,529 total)
  • Author
    Posts
  • And always think of it that german got two po/mo Combinations for Du/Sie ( the formal “Sie” )

    in reply to: shrinking header cuts off logo #937764

    ! but read this : https://kriesi.at/support/topic/shrinking-of-header-amount-an-info/

    there are two values to change ( and only on half size the divisor is 2 on both values !)

    in reply to: Modifying js/avia.js for a Child Theme #937603

    hey Josue – nice to hear from you again!
    Are you doing well?

    Edit – oh wow – sometimes i have to look to the posting time . Sorry – Hope he is fine

    • This reply was modified 7 years, 3 months ago by Guenni007.

    dear mods – i do not know why the iframe works on this now – the only difference is that here in the iframe surrounded by some divs in the code-block element. Or are there some fixes in the meanwhile since my last posting concerning to this iframe issue ( january 18 )

    and this is a very usefull tool is: https://developers.google.com/youtube/youtube_player_demo

    on the footer you can switch the languages !

    on inserting the video-id of your video 5kTP_6qW6IU and click “update player with selected options” the iframe code gets updated.
    one thing to mention: the new ecver isn’t embedded on that page and if you choose “no modestbranding” ecver option does not work !

    Important: press “show player controls” to have full access to all “screws” you can turn

    in reply to: bulleted list dots quick css #937564

    by the way if you want to have only simple separators on text-blocks :
    just use <hr> it does not need a closing tag

    i see some open divs with no closing tags. – because of use the enfold hr and deleting some entries on edit ( the lines goes through some texts)

    if you like to style it a bit see: https://css-tricks.com/examples/hrs/
    you can click there on code to see the css for it
    f.e.:
    hr.style-two { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }

    than use <hr class="style-two"> in your text block (editor mode)

    so get rid of the autoplay=1

    <div class="responsive-container">
    	<iframe class="responsive-iframe" src="https://www.youtube.com/embed/5kTP_6qW6IU?enablejsapi=1&loop=1&rel=0&ecver=2&showinfo=0&color=white&iv_load_policy=3" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
    </div>

    btw. you can setup all css inline via functions.php of your child theme – then you can erase the quick css entries:

    
    function set_container_for_responsive_youtubevideo(){
    ?>
    <script>
    (function($){
    	$('.responsive-container').css({
    		"position": "relative", 
    		"overflow": "hidden" , 
    		"padding-top": "56.25vw"
    	});
    	$('.responsive-iframe').css({
    		"position": "absolute", 
    		"top": "0" , 
    		"left": "0", 
    		"width": "100vw" ,
    		"height": "56.25vw" ,
    		"border": "0"
    	});
    	$('.responsive-container').closest('.container').css({
    		"max-width": "100%", 
    		"width": "100%" , 
    		"padding": "0px"
    	});
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'set_container_for_responsive_youtubevideo');

    you can see here on another test-page that the right css goes to the concerning section – if code-block looks like: https://webers-testseite.de/new-test-with-youtube-video/

    <div class="responsive-container">
    	<iframe class="responsive-iframe" src="https://www.youtube.com/embed/5kTP_6qW6IU?enablejsapi=1&loop=1&rel=0&ecver=2&showinfo=0&color=white&iv_load_policy=3" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
    </div>

    Solution One is :

    Colorsection with code-block element in it ( all checkmarks not enabled )
    Content of the codeblock is

    <div class="responsive-container">
    	<iframe class="responsive-iframe" src="https://www.youtube.com/embed/5kTP_6qW6IU?enablejsapi=1&loop=1&autoplay=1&rel=0&ecver=2&showinfo=0&color=white&iv_load_policy=3" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
    </div>

    ( the ecver=2 is new to youtube videos – it restrains the related videos on pause – it is similar to rel=0 which hampers the related videos on the end)

    this to quick css (very similar to enfold lightbox settings

    .responsive-container {
        position: relative;
        overflow: hidden;
        padding-top: 56.25vw;
    }
    
    .responsive-iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 56.25vw;
        border: 0;
    }
    
    .responsive .page-id-31239 #av_section_1 .container {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0;
    }

    ________________

    Solution Two:
    Videoscreenshot Image with custom link:

    https://www.youtube.com/watch?v=5kTP_6qW6IU?enablejsapi=1&autoplay=1&loop=1&rel=0&ecver=2&showinfo=0&color=white&iv_load_policy=3&iframe=true

    To have nearly maximum lightbox size – this to quick css:
    (i only set it for that page – you have to alter that)

    .page-id-31341 .mfp-container {
    	text-align: inherit;
    	position: absolute;
    	width: 98vw;
    	height: 55.125vw;
    	left: 50%;
    	transform: translateX(-50%);
    	padding-top: 50px;
    }
    
    .page-id-31341 .mfp-iframe-holder .mfp-content {
        max-width: 100%;
        width: 100%
    }
    
    .page-id-31341 div.avia-popup .mfp-close {
        right: 5px;
        top: 5px !important;
        background: #900;
        border: 2px solid #ffee00;
    }

    does this comes near to your aim: https://webers-testseite.de/video-tut/
    but if screen size is very big the height will be more than screen height sometimes – and autoplay will not work on some mobile phones

    but why not playing in lightbox: https://webers-testseite.de/videos-on-lightbox/
    You can have then a nice masonry or something like that with images an link to video lightboxes

    in reply to: bulleted list dots quick css #937500

    if you like to have it for the whole page (team) and you have no other ul on it which should not be influenced by that code you can do it without custom class:

    .page-id-29 .avia_textblock ul {
        list-style: none outside;
    }
    
    .page-id-29 .avia_textblock ul {
        line-height: 1.2em;
    }
    
    .page-id-29 .avia_textblock ul li::before {
        content: "\2022";
        padding-right: 5px;
        font-size: 18px !important;
    }
    
    .page-id-29 .entry-content-wrapper .avia_textblock li {
        margin-left: -8px;
        display: flex
    }
    in reply to: bulleted list dots quick css #937482

    so for Johann Müller you gave the class smalldot to ul try this
    (but this you have to do now manually – if you gave the class to text-block alb element you can do that via Input field – described above

    you can see here that i can simulate the results by clicking the screen-film: https://webers-testseite.de/listpoints/
    (the code comes to quick css – but for the simulation i alway use in developer tools a nearly empty css file)

     ul.normaldot {
        list-style: none outside;
    }
    
    .avia_textblock ul.normaldot {
        line-height: 1.2em;
    }
    
    ul.normaldot li::before {
        content: "\2022";
        padding-right: 5px;
        color: red;
        font-size: 18px !important;
    }
    
    .entry-content-wrapper .normaldot li {
        margin-left: 0;
      display: flex
    }

    the “list-point” size goes than via font-size – the different color you can delete

    in reply to: bulleted list dots quick css #937409

    give a custom class to your text-block where you have placed the list
    f.e.: smaller-dots

    i do not see any custom css at all for the avia text block elements ? !

    f.e. Josias van der Westhuize you have set the class for the ul – ok that will work too – but than you have to do the transform yourself –
    on my code the avia-text block class is before ul
    now you have ul.bothdot etc pp.
    read carefully – thats all – I apologize because I formulate a little harshly now but I try to describe it as accurately as possible, but it will not be read exactly.

    click to enlarge and see the difference:

    in reply to: shrinking header cuts off logo #937384

    why don’t you set up your background to size : contain:

    .header-scrolled .logo a {
    background: url(//www.vifsg.de/wp-content/uploads/2017/08/vifsg_header-logo-e1502043394906.png) no-repeat top left;
    background-size: contain;
    }

    you see here the svg with text :
    it is placed as an image-alb not as background-image
    because i added svg support to every avia_image the svg is inserted: https://webers-testseite.de/popup-contact-formelement/

    and for example the “orange path” is a link to my homepage

    this will work nice – Hover the path of the svg – but as background-image it is not inserted as svg itself i guess.

    i use svg-support too. It is nice to see preview images on media-library.
    on most cases i do insert on svg-support settings css-class to target. and insert on enfold: avia_image
    because every img file inserted via image alb element gets this class on enfold. So if there is a svg file – it will be replaced by the file_get_contents so the svg itself.
    i never tested your embeded links – where do you set these ?
    can you post here a code how it would look in the svg file?
    you can give the img itself a link – but this you know.

    PS : the lightbox does not work with svg’s and image alb element

    in reply to: Enfold Showcase #937135

    @Studio13SprayTan : https://coyotewebsitedesign.com/
    great page – but on mobile there has to be some adaptations

    see here f.e. :

    in reply to: Checkbox for Privacy Policy? #937118

    By the way – it must be a Required field and not preselected – so sender has to put it in an active way.

    in reply to: bulleted list dots quick css #937106

    maybe you add :

    .entry-content-wrapper .smaller-dots li {
        margin-left: 0;
    }

    for less distance to the non list text

    in reply to: bulleted list dots quick css #937100

    this is not possible in this way – but you can erase the list-style on that case and insert with pseudo class dots.
    Great advantage of that method : you can have a different color and size than the font settings:

    give a custom class to your text-block where you have placed the list
    f.e.: smaller-dots
    see here: https://webers-testseite.de/listpoints/

    .smaller-dots ul {
        list-style: none outside;
    }
    
    .avia_textblock.smaller-dots ul {
        line-height: 1.4em;
    }
    
    .smaller-dots ul li::before {
        content: "\2022";
        padding-right: 10px;
        color: red;
    }

    by the way: if you like to have different “signs” in front of your list : http://unicode.e-workers.de/entities.php

    the hexadezimal code is good for that
    for bullet the code is : &#x2022 with ; content than is content: "\2022";
    for » choose : content:"\00BB" etc

    in reply to: Checkbox for Privacy Policy? #937095

    this is not true. The enfold contact form offers checkboxes if you like.
    Look : https://webers-testseite.de/kontakt/

    you can do it via :

    with iframe it was possible to do that – but the iframe function is buggy on enfold since a long time.
    i mentioned it here: https://kriesi.at/support/topic/new-enfold-troubles-with-iframe/
    I also noticed that when I wanted to embed a video with very specific characteristics: https://kriesi.at/support/topic/new-enfold-troubles-with-iframe/#post-906379

    in reply to: Can't replace demo logo #936497

    and you can see in your screenshot that this what you see is the logo alternate – this is the logo used if header layout is set to transparency (including glassy) and you will find that on Enfold options dialog / header / transparency options

    in reply to: Disable flags from footer – wpml #936488

    you mean your footer and not the socket ? !!

    #footer .menu-item.wpml-ls-item {
        display: none;
    }

    and the following seems not to be part of the last widget-area – how did you place that ?
    isn’t there a wpml-widget ?
    if not there is a shortcode for the switcher , f.e.:
    [wpml_language_switcher type="footer" flags=1 native=1 translated=1][/wpml_language_switcher]

    in reply to: Adding custom social icons #934964

    documentation is here: https://kriesi.at/documentation/enfold/custom-social-icons/

    if you do not have a font icon of your “social-icon” you can use png files for that.

    1 look for a png file you like to have
    f.e.:

    2 : upload it to your media library and copy the link – you will need it:

    3 : now go to your functions.php of your child-theme and enter:
    that little goodreads will be the addendum to the class set by enfold

    function avia_add_custom_social_icon($icons) {
        $icons['Goodreads'] = 'goodreads';
        return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    with that you can now choose the new social icon on Enfold Options – Social Profiles ( it is at the end of the list)

    4 : This comes to quick css ( you see here is the automatically created class av-social-link-goodreads )

    #top #wrap_all .av-social-link-goodreads a:before{
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        background: url(https://link-to-your-image/goodreads.png) no-repeat center center;
        background-size: contain;
    }

    5 : styling the hover effect – this to quick css ( color makes no sense here because we have no font )

    #top #wrap_all .av-social-link-goodreads:hover a{
        color:#fff; 
        background-color:#9fae37; 
    }

    6 : for another “social-icon” you only have to replace goodreads

    in reply to: Social Icons inside icon box #934950

    can you show us a live link on that?

    in reply to: Two different blog stylings for single blog posts? #934715

    yes but it seems that there is something missing !
    i started with Enfold Options Elegant – then it is possible to have modern because it only goes an additional class to html (html_modern-blog)
    but from that point it does not remove the globaly set elegant if i choose business .
    – i will try a different solution now – but had to remove those settings for now

    sorry – it seems not to work propper

    the thing is that on html there are the classes added – (html_blog-elegant, html_blog-modern) if they were present the blog will look this way we know. But adding it via addClass has a timeshift – thats ugly – so best would be to have a filter there similar to header-styling.

    in reply to: Media queries in style.css not working in mobile view #934411

    the important notice on filter: progid: does not feel good for me – looks strange
    can you proove it if code works if you let that rule to be set to not important

    in reply to: Two different blog stylings for single blog posts? #934362

    and again you can have here too f.e. the choice of header style for each page ;)

    add_filter('avf_builder_boxes', 'register_meta_boxes', 10, 1);
    function register_meta_boxes($boxes){
    $boxes[] = array( 'title' =>__('Layout','avia_framework' ), 'id'=>'layout', 'page'=>array('page' , 'post' , 'portfolio' ), 'context'=>'side', 'priority'=>'low');
    return $boxes;
    }
    
    add_filter('avf_builder_elements', 'register_meta_elements', 10, 1);
    function register_meta_elements($avf_builder_elements){
    $avf_builder_elements[] = array(
    						"slug"	=> "layout",
    						"name" 	=> __("Menu and Logo Position", 'avia_framework'),
    						"desc" 	=> __("You can choose various different logo and main menu positions here", 'avia_framework'),
    						"id" 	=> "header_layout",
    						"type" 	=> "select",
    						"std" 	=> "",
    						"subtype" => array( __('Logo left, Menu right', 'avia_framework')  	=>'logo_left main_nav_header menu_right',
    											__('Logo right, Menu Left', 'avia_framework')	 	=>'logo_right main_nav_header menu_left',
    											__('Logo left, Menu below', 'avia_framework') 	=>'logo_left bottom_nav_header menu_left',
    											__('Logo right, Menu below', 'avia_framework') 	=>'logo_right bottom_nav_header menu_center',
    											__('Logo center, Menu below', 'avia_framework') 	=>'logo_center bottom_nav_header menu_right',
    										));
    $avf_builder_elements[] = array(
    				          "slug"  => "layout",
    				          "name"  => __("Blog Styling", 'avia_framework' ),
    				          "desc"  => __("Choose the blog styling here.", 'avia_framework' ),
    				          "id"  => "blog_global_style",
    				          "type"  => "select",
    				          "std"   => "",
    				          "no_first"=>true,
    				          "subtype" => array( 
    				                  __( 'Default (Business)', 'avia_framework' ) =>'',
    				                  __( 'Elegant', 'avia_framework' ) =>'elegant-blog',
    				                  __( 'Modern Business', 'avia_framework' ) =>'elegant-blog modern-blog',
    				                    ));
    
    return $avf_builder_elements;
    }
    in reply to: Two different blog stylings for single blog posts? #934356

    by the way dear mods : it makes no sence of heaving that on portfolio or posts but changing above code to that line has no effect – it shows the metabox too
    $boxes[] = array( 'title' =>__('Layout','avia_framework' ), 'id'=>'layout', 'page'=>array('page'), 'context'=>'side',

    Why?

    in reply to: Two different blog stylings for single blog posts? #934343

    hm – if you style your blogs via the blog alb – means if you setup a page f.e. and show your blog with blog ALB – we can create a meta-box on the right side of your editor page:

    put this into functions.php of your child-theme:

    add_filter('avf_builder_boxes', 'register_global_blog_style', 10, 1);
    function register_global_blog_style($boxes){
        $boxes[] = array( 'title' =>__('Layout','avia_framework' ), 'id'=>'layout', 'page'=>array('page' , 'post' , 'portfolio' ), 'context'=>'side', 'priority'=>'low');
    return $boxes;
    }
    
    add_filter('avf_builder_elements', 'register_meta_blogstyle', 10, 1);
    function register_meta_blogstyle($avf_builder_elements){
      $avf_builder_elements[] = array(
              "slug"  => "layout",
              "name"  => __("Blog Styling", 'avia_framework' ),
              "desc"  => __("Choose the blog styling here.", 'avia_framework' ),
              "id"  => "blog_global_style",
              "type"  => "select",
              "std"   => "",
              "no_first"=>true,
              "subtype" => array( 
                      __( 'Default (Business)', 'avia_framework' ) =>'',
                      __( 'Elegant', 'avia_framework' ) =>'elegant-blog',
                      __( 'Modern Business', 'avia_framework' ) =>'elegant-blog modern-blog',
                        ));
    
    return $avf_builder_elements;
    }

    you will have than on the right in Layout Options the choice of setting blog_style for each page
    see here : https://webers-testseite.de/blog-seite-elegant/
    and: vice versa: https://webers-testseite.de/blog-seite-modern/

Viewing 30 posts - 8,401 through 8,430 (of 11,529 total)