Forum Replies Created
-
AuthorPosts
-
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 */ }
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 .i do not see these elements
please remove this css rule the one Yigit mentioned !!!
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 }
Thank you – also for the reminder.
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 }
und falls du noch Zeit hast fürs nächste update:
Danke
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; } }
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.February 14, 2019 at 11:50 am in reply to: How to open masonry of portfolio entries in a new tab? #1066910you see the code?
as described above : give a custom class to the masonry element – I used to test: masonry-blankThe code above comes to child-theme functions.php
the function name and the custom-class are arbitraryfunction 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.
February 14, 2019 at 9:28 am in reply to: How to open masonry of portfolio entries in a new tab? #1066854yes – is that a portfolio masonry: https://webers-testseite.de/portfolio/
and do they open in a new tab?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
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); }
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.
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)if it is always the second color-section:
#av_section_2 { overflow: visible; }
February 14, 2019 at 12:10 am in reply to: How to open masonry of portfolio entries in a new tab? #1066691give a custom-class to the masonry you like to have that. f.e.: masonry-blank
then this comes to functions.php of your child-themefunction add_custom_target(){ ?> <script> (function($){ $(window).load(function() { $('.masonry-blank a').attr('target','_blank'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_target');
Overlap see here : Link
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.
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 884what 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?”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.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 solveBut 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
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.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/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 ! -
AuthorPosts