Forum Replies Created

Viewing 30 posts - 7,081 through 7,110 (of 11,690 total)
  • Author
    Posts
  • in reply to: How to link to youtube lightbox popup? #1067106

    maybe try this in quick css – it is only for selfhosted videos:

    video::-internal-media-controls-download-button {
    display:none;
    }
    video::-webkit-media-controls-enclosure {
    overflow:hidden;
    }
    video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust if necessary */
    }
    in reply to: How to link to youtube lightbox popup? #1067104

    that is the full-screen mode – but i do not have these pop-ups.
    Maybe a different browser? Yes this belongs to chrom not to firefox – i suppose we can not influence this.

    but try the code above : https://kriesi.at/support/topic/how-to-link-to-youtube-lightbox-popup/#post-1067062
    i think this is realy nice .

    in reply to: How to link to youtube lightbox popup? #1067099

    i do not see these elements

    in reply to: Footer at the bottom #1067093

    please remove this css rule the one Yigit mentioned !!!

    in reply to: How to link to youtube lightbox popup? #1067062

    see code above again maybe a gloom around the iframe in your green:

    .mfp-iframe-holder .mfp-content {
        max-width: 80vw !important;
        box-shadow: 0 0 40px #77c84c;
    }

    and if you don’t want that background is scrollable if iframe is open – put this to child-theme functions.php :

    add_action('wp_footer', 'no_background_scroll_on_lightbox_open');
    function no_background_scroll_on_lightbox_open(){
    ?>
    <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
    }
    in reply to: sticky contact – moving #1067060

    Thank you – also for the reminder.

    in reply to: How to link to youtube lightbox popup? #1067032

    to quick css: (and maybe for you directly a gloom out of that mfp content:

    .mfp-iframe-holder .mfp-content {
        max-width: 80vw !important;
        box-shadow: 0 0 40px #77c84c;
    }

    2) you can do it via external script and enqueue it – or load it via child-theme functions.php:
    ( if it needs jQuery it looks a bit different)

    add_action( 'wp_footer', 'ava_custom_script' );
    function ava_custom_script() {
      ?>
      <script type="text/javascript">
                  // CODE HERE
      </script>
      <?php
    }

    you can add tags in the head area by child-theme functions.php:

    add_action('wp_head', 'add_to_head');
    function add_to_head(){
    ?>
      <meta name="theme-color" content="#77C84C">
      <meta name="msapplication-navbutton-color" content="#77C84C">
      <meta name="apple-mobile-web-app-status-bar-style" content="#77C84C">
    <?php
    }
    in reply to: Image Size in widget (news-box) #1067024

    und falls du noch Zeit hast fürs nächste update:

    in reply to: Image Size in widget (news-box) #1067011

    Danke

    in reply to: Section prioritizing (z-index does not work) #1066964

    so what would i do
    see here: https://webers-testseite.de/overlap-to-followed-section/

    Color-Section can grow with the content – downshift is still at the same value
    On small screens everything works as before.
    You can shift each column as you like – even the one over the top

      pull in your columns to a color-section:

    • give the custom-class to color-section: overlap
    • give to the column to shift upwards the custom-class: shift-up
    • give to the column to shift downwards the custom-class: shift-down
    • add this to quick css:
    @media (min-width:768px) {
    	.overlap .entry-content-wrapper {
    	  display: flex;
    	  justify-content:space-around;
    	  align-items: flex-start;
    	}
    
    	.flex_column.shift-up {
    	    top: -100px;
    	    align-self: flex-start;
    	}
    
    	.flex_column.shift-down1 {
    	    bottom: -150px;
    	    align-self: flex-end;
    	}
    
    	.flex_column.shift-down2 {
    	    bottom: -100px;
    	    align-self: flex-end;
    	}
    }
    in reply to: Section prioritizing (z-index does not work) #1066931

    Aha sorry then i believe i miss-understand his request. But then the mention of the demo page was misleading.
    He wants to overlap a container downwards.

    in reply to: How to open masonry of portfolio entries in a new tab? #1066910

    you see the code?
    as described above : give a custom class to the masonry element – I used to test: masonry-blank

    The code above comes to child-theme functions.php
    the function name and the custom-class are arbitrary

    function add_target_blank_to_masonry_items(){
    ?>
    <script>
    (function($){
        $(window).load(function() {
          $('.masonry-blank a').attr('target','_blank');
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'add_target_blank_to_masonry_items');

    thats all – don’t forget to refresh all cachings and if you use merging on Enfold – recalculate the merged files.

    in reply to: Centred logo and overlap the navigation bar #1066906

    maybe this could be a good variant of your logo:

    it is transparent – but with background like menu background.

    and there is a little transparency between the image on top and the navigation – is it intentionally this way ? – if not :

    #wrap_all > img {
        vertical-align: top;
    }

    it will look like this :

    in reply to: How to open masonry of portfolio entries in a new tab? #1066854

    yes – is that a portfolio masonry: https://webers-testseite.de/portfolio/
    and do they open in a new tab?

    in reply to: How to link to youtube lightbox popup? #1066706

    By the way – i remember that lightbox is changed a bit in his header.php settings.
    Do you have in your child-theme a header.php file from former enfold installations?

    This might be a reason for it too!
    If you updated to the new Enfold and forget to renew the old header.php in the child theme.

    If you got an older header.php in your child-theme – make a backup before uploading the new one – because there must be a reason for to have there a child-theme header.php. Some adjustments for your theme etc. pp

    in reply to: Centred logo and overlap the navigation bar #1066705

    maybe a littel drop-shadow would be nice on logo img:

    .logo img {
        height: 160%;
        max-height: 145px !important;
        max-width: 300px !important;
        -webkit-filter: drop-shadow(1px 1px 1px #666);
        filter: drop-shadow(1px 1px 1px #666);
    }
    in reply to: Centred logo and overlap the navigation bar #1066703

    https://kriesi.at/documentation/enfold/logo/#overlap-logo-and-page-content

    it would be easier to style it if your logo hasn’t so much transparency left right.

    try:

    #top .logo,
    #top .logo a{
      overflow: visible;
    }
    
    .logo img {
        height: 160%;
        max-height: 145px !important;
        max-width: 300px !important;
    }

    for smaller screens it might be good to have media-querrie instructions.

    in reply to: Add HTML tag to homepage head #1066700

    you can add to the head section tags like meta tags links etc via your child-theme functions.php:

    add_action('wp_head', 'add_to_head');
    function add_to_head(){
    if ( is_front_page( ) ){
    ?>
       <meta name="google-site-verification" content="String_we_ask_for">
    <?php
    }
    }

    Or is_home( ) either it is a static blog page or a static page defined as landing page
    To be sure you can take the ID of your homepage is_page(ID)

    in reply to: Z-index #1066693

    if it is always the second color-section:

    #av_section_2 {
        overflow: visible;
    }
    in reply to: How to open masonry of portfolio entries in a new tab? #1066691

    give a custom-class to the masonry you like to have that. f.e.: masonry-blank
    then this comes to functions.php of your child-theme

    
    function add_custom_target(){
    ?>
    <script>
    (function($){
        $(window).load(function() {
          $('.masonry-blank a').attr('target','_blank');
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_target');
    in reply to: Portfolio grid problem #1066622

    Overlap see here : Link

    in reply to: Portfolio grid problem #1066618

    you will need for that a good plugin like : svg support
    on the settings of that plugin you can declare a class where every svg with that class is replaced by the inline svg file.

    But think of : IE does make some problems with inline svg ( i do not care about that – but might be important for you)

    But do you realy need svg for it?
    On a test page of mine i have some header studies – and i want to show how shrinking and hovering can influence path of an inline svg:
    https://webers-testseite.de/cynthia/
    but i think your logo does not need that.
    PS maybe an overlapping of the logo to main is a nice idea: https://webers-testseite.de/cynthia/unite4-2/
    so that the baseline of your font is on header bottom and the g from design overlaps ( perhaps with a drop-shadow)

    • This reply was modified 6 years, 8 months ago by Guenni007.
    in reply to: Image Size in widget (news-box) #1066609

    Very Cool – thanks alot!!!
    – and on Enfold update the filter will be integrated then on class-framework-widgets.php ?

    For Portfolio it is active then too – because portfolio-box is an extension of news-box ?
    btw. it is line 884

    in reply to: How to link to youtube lightbox popup? #1066602

    what kind of plugins could disturb the function?
    i see there is a crisp chat etc. can you deactivate all plugins to see if there is one in conflict with the lightbox.
    i see that the classes: mfp-iframe lightbox-added arn’t added so there must be a conflict.
    You have refreshed the merged files on Enfold (Child) – Performance – “Delete old CSS and JS files?”

    in reply to: Video-Button to unmute Audio? #1066523

    there is one problem on sliders with more than one video ( which has no influence on the function) : because the slider got 2 Videos that are loaded
    Edit: Code is uptodate now – only one container is built.

    in reply to: Video-Button to unmute Audio? #1066509

    with youtube i believe there will be no chance.
    because we had to influence from our page into the iframe (button : ytp-mute-button ytp-button) – that is cross-origin iframe problematic google a bit – you will see that this is very hard to solve

    But your video is small enough to have it as selfhosted video ( maybe you recalculate it to 480p – then it will be only 8MB )
    I use f.e. cloudinary – with a cdn it will work too.
    you can find here a tutorial: it works with fullwidth-easy slider as well.: https://webers-testseite.de/mute-unmute/

    See here the test with your video – if you have seen it, i will delete the files !:
    https://webers-testseite.de/muting/

    it will not work on mobile – so you have to have a fallback image

    in reply to: Can't change the logo #1066471

    I think that there will be not all things loaded from the demo.
    Drag and drop out your Heading. Delete the 1/2 container and create a new one. Put in your Heading and pull in an image above the heading.

    in reply to: Mobile menu doesn't collapse after click #1066423

    The point will be that the link in the hamburger is an anchor link on the same page! And this was a former problem – but now i see that it closes.

    on my mobile it closes the hamburger on click too
    ______
    Old Thread here but it seems to work now
    And it is concerning to a former discussion: https://kriesi.at/support/topic/close-mobile-menu-by-clicking-on-active-navigation-item/

    in reply to: Copying Avia Layout Elements to another page #1066413

    Yes, this template tool is really useful; but what if you decide to change something about the content afterwards?
    I really hate to advertise paid plugins, but this little tool has saved me a lot of extra work: https://habenicht.io/product/enfold-repeatable-content/
    You will have on dashbord like Portfolio an extra tab. You create your layout and this “repeatable” Content has now a unique ID.
    If you want to place it there will be an extra ALB Button to drag&drop the content. If you change that on dashboard all instances of it will change too !

    in reply to: Can't change the logo #1066400

    you must see something like this ( click on it to enlarge ):

    above the heading there is a transparent container with a white image in it : click on it – a popup will open with options to change or replace the image

Viewing 30 posts - 7,081 through 7,110 (of 11,690 total)