Forum Replies Created
-
AuthorPosts
-
more than 2 weeks ago ?!
are there any problems understanding the above?
Is it how to install a child-theme ?
please talk to us – we only can help if we got input from youOk Danke für die Info
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, 10 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. -
AuthorPosts



