Forum Replies Created
-
AuthorPosts
-
thats why i like to see the page.
on source code this will be the easiest way to see that on first view.i thought that the rel=0 is only for the end of the video – on pause the ecver=2 solves the problem.
to enable gzip there are a lot of options. It depends on your Internet Service Provider what options he allows you to set via php.ini or htaccess.
I often do it via htaccess file on the wordpress root (the htaccess file is a hidden file with a dot on front – so on ftp client you might not see it directly till you enable show hidden files)
there you can set a lot of other options : f.e. browser caching , etag and gzipon apache servers i add to my htaccess file:
# Secure your wp-config # Disallow access to important files <FilesMatch "(^\.|wp-config\.php|xmlrpc\.php|(?<!robots)\.txt|(liesmich|readme)\.*)"> Require all denied </FilesMatch> # secure htaccess-file <files ~ "^.*\.([Hh][Tt][Aa])"> order allow,deny deny from all satisfy all </files> # Keep-Alive <ifModule mod_headers.c> Header set Connection keep-alive </ifModule> # mime types <IfModule mod_mime.c> AddType application/javascript js AddType application/vnd.ms-fontobject eot AddType application/x-font-ttf ttf ttc AddType font/opentype otf AddType application/x-font-woff woff AddType application/x-woff woff AddType image/svg+xml svg svgz AddEncoding gzip svgz </Ifmodule> # GZip Kompression <IfModule mod_gzip.c> mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file \.(html?|txt|css|js|svg|php|pl)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.* </IfModule> # Browsercache <IfModule mod_expires.c> ExpiresActive On ExpiresDefault "access plus 1 month" ExpiresByType text/css "access plus 1 month" ExpiresByType text/javascript "access plus 1 month" ExpiresByType text/html "access plus 1 month" ExpiresByType application/javascript "access plus 1 month" ExpiresByType application/x-javascript "access plus 1 month" ExpiresByType application/x-font-ttf "access plus 1 month" ExpiresByType application/x-font-woff "access plus 1 month" ExpiresByType application/x-woff "access plus 1 month" ExpiresByType application/xhtml-xml "access plus 600 seconds" ExpiresByType image/gif "access plus 1 month" ExpiresByType image/jpeg "access plus 1 month" ExpiresByType image/svg+xml "access plus 1 year" ExpiresByType image/svg "access plus 1 year“ ExpiresByType image/png "access plus 1 month" ExpiresByType image/x-icon "access plus 1 month" </IfModule> # Deflate by FileType <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/atom_xml AddOutputFilterByType DEFLATE application/x-woff AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-font-woff AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/x-shockwave-flash </IfModule> # ETag Header unset ETag FileETag None
these related videos on pause are hampered by: ecver=2 (Google that )
this is an undocumented option on API but it works ! (only if you hide modest branding of youtube it does not go both)
so ad &ecver=2 to your youtube links – but on Enfold the Video ALB does not accept links with youtube options behind – so only with my shortcode ( this is an iframe solution) this workstip: insert the normal youtube link as seen on the browser url window ( with watch?v=. … )
and add to all Enfold Video. ALB youtube films via functions.php of your child-theme that code
maybe autoplay is not so good if you have a lot of films on one page:https://webers-testseite.de/youtube-with-parameters/
here only for that page-
This reply was modified 7 years, 1 month ago by
Guenni007.
do this to your functions.php of your child-theme and all links got that addendum:
function add_to_youtube_videos(){ if(is_page(21397)){ ?> <script> (function($){ $('.lightbox-added[href*="www.you"]').each(function() { var $this = $(this); var _href = $this.attr("href"); $this.attr("href", _href + '?enablejsapi=1&ecver=2&autoplay=1&cc_load_policy=1&playsinline=1&rel=0&showinfo=0&color=white&iv_load_policy=3'); }); })(jQuery); </script> <?php } } add_action('wp_footer', 'add_to_youtube_videos');
See here : https://kriesi.at/support/topic/no-link-on-phone-number-in-edge-firefox/#post-951778
so put in phonenumber field:
<a href="tel:+12242518764">2242518764</a>
gut – aber denke mal darüber nach ob du nicht diesen Rattenschwanz da immer dran basteln solltest.
Denn wenn du das Video jetzt startest, und dann pausierst, dann siehst Du was ich mit Werbung meine ( das wird mit dem ecver=2 verhindert.) und am ende die related Videos mit dem rel=0 etc. pp.
Ausserdem ist die Nocookie Variante jetzt ohnehin besser wegen der DSGVO ( GDPR )Wait for mods or post your link – i don’t know where your custom ID is.
How many contact forms do you have on that page.
maybe the .page-id-12345 will make it for you.maybe for not globaly set the rule has to include the input bzw textarea etc tag
.main_color #contactform input::-webkit-input-placeholder { color: #ffffff !important; } .main_color #contactform input:-moz-placeholder { color: #ffffff !important; } .main_color #contactform input::-moz-placeholder { color: #ffffff !important; } .main_color #contactform input:-ms-input-placeholder { color: #ffffff !important; } .main_color #contactform input::-ms-input-placeholder { color: #ffffff !important; } .main_color #contactform textarea::-webkit-input-placeholder { color: #ffffff !important; } .main_color #contactform textarea:-moz-placeholder { color: #ffffff !important; } .main_color #contactform textarea::-moz-placeholder { color: #ffffff !important; } .main_color #contactform textarea:-ms-input-placeholder { color: #ffffff !important; } .main_color #contactform textarea::-ms-input-placeholder { color: #ffffff !important; }
if you gave the class to the text block than it is at the same div
all classes which are at the same div are not separated by space:this:
will definitly go to (without spaces on css rules) !
div.avia_textblock.my_custom_class h2
there is on html source a space between (because the dots are gone)the space comes to the h2 because it is a child of avia_text_block
please show me the link to see something that is not possible
it seems enfold had set up a rule with .main-color class so try to be more specific with:
(normaly the ID should overwrite a rule with class don’t know why it does not).main_color #contactform ::placeholder { color: #fff !important; opacity: 1 } .main_color #contactform ::-webkit-input-placeholder { color: #fff !important; } .main_color #contactform ::-moz-placeholder { color: #fff !important; } .main_color #contactform :-ms-input-placeholder { color: #fff !important; } .main_color #contactform :-moz-placeholder { color: #fff !important; }
it comes from Enfold Options – Main Content – Secondary font color
it is hard to help without a link
but first solution was to try get rid of doubled semicolons
second : add rule for firefox and modern browsers – you have all without :#contactform ::placeholder { color: #fff !important; opacity: 1; }
the webkit rule seems to be obsolete since Safari 10
that is an additonal information and separated with a separator
it is to individualize the placeholder text
you can see here the effect: https://webers-testseite.de/kontakt/by the way:
you can change / add placeholder text (even if you have not choosen that option on enfold dialog with that here onthis is what is enough for modern browser:
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white !important; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: white !important; } ::-ms-input-placeholder { /* Microsoft Edge */ color: white !important; }
first of all – i don’t know if two semicolons at the end will come into conflict.
try this first.second: you have no browser plattform for firefox and consorten :
and think of opacity for firefox – because it has set this to 0.8::placeholder { color: #fff !important; opacity: 1; }
_______________________
by the way:
you can change / add placeholder text (even if you have not choosen that option on enfold dialog with that here on functions.php of child-theme
Change it to your page-idfunction change_placehoder_txt() { if( is_page(2604) ) { ?> <script type="text/javascript"> jQuery('#avia_1_1').attr('placeholder', ' Anything you like*'); jQuery('#avia_2_1').attr('placeholder', ' Anything you like*'); </script> <?php } } add_action('wp_footer', 'change_placehoder_txt');
The easiest way to get distance to the Input field is to insert spaces on the text.
this seems to be a good plugin – even the wordpress official sites link to it:
https://de.wordpress.org/plugins/force-strong-passwords/do you have a custom header.php file in your child theme?
The first 27 lines in header.php have completely changed. So if you go with a child-theme version you have to renew your adjustments there and place a new one.And maybe another test : don’t know if thes you.tu links are wellcome use :
https://www.youtube.com/watch?v=YEmI2MDpasE?enablejsapi=1&autoplay=1&ecver=2&cc_load_policy=1&playsinline=1&rel=0&showinfo=0&color=white&iv_load_policy=3&iframe=true
see here with your video ( i just made the modal window bigger for my use) :
https://webers-testseite.de/videos-on-lightbox/yes and where on my thread is a space between those classes? https://kriesi.at/support/topic/font-css-class-not-working/#post-956107
.avia_textblock.my_custom_class h2 { font-family: "proxima_nova_rgbold"; font-size: 100px; letter-spacing: normal; text-transform: none !important; }
and what does this mean: Textblock class id = my_custom_class
is it a class or an id ;)i see you got on this page a lot of videos.
so if you are working with a child theme – and if you are not willing to do this by hand
– do this to functions.php of your child-theme:function add_lightbox_option(){ if(is_page(21397)){ ?> <script> (function($){ $('a[href*="you"]').each(function(){ this.href += '?iframe=true'; }); })(jQuery); </script> <?php } } add_action('wp_footer', 'add_lightbox_option');
if this does not work – than our jquery is a bit too old – and we have to find a different way.
-
This reply was modified 7 years, 1 month ago by
Guenni007.
if you haven’t changed link it makes me wonder that it has opend before in a lightbox
add behind your youtube link add ?iframe=true f.e.:https://youtu.be/YEmI2MDpasE?iframe=true
if you have more options like me it is with &iframe=true
i would prefer links with many options to avoid related videos at the end ; related videos on pause etc.
the nocookie is nice to have because of new GDPR (DSGVO on german spoken countries)https://www.youtube-nocookie.com/embed/<strong>ID</strong>?enablejsapi=1&ecver=2&cc_load_policy=1&playsinline=1&rel=0&showinfo=0&color=white&iv_load_policy=3&iframe=true
i read on another thread that class avia_activate_lightbox
would activate the lightbox – maybe this is a nice try:function custom_lightbox_sc(){ ?> <script> (function($){ $(document).ready(function(){ $(".ihf-main-image img").each(function() { var a = $('<a/ class="avia_image lightbox-added avia_activate_lightbox">').attr('href', $(".ihf-main-image img").attr('data-ihf-main-source')); $(this).addClass('avia_image').wrap(a); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_lightbox_sc');
on cf7 you have that options directly preconfigured: https://contactform7.com/custom-layout-for-checkboxes-and-radio-buttons/
you only have to style it a biton that image – aren’t that checkboxes –
or does it be one big choose and you only can activate one of the three?see edited content above
is there a link to that?
what is your layout
a text-block or a h2 heading.if you have a h2 in the text block it will be:
.avia_textblock.my_custom_class h2 { … }
to where should the shadow go ? outside the browser – only on top and bottom ?
you can give it an inset shadow:.color-section { box-shadow: 0px 0px 35px black inset; }
or if you like the slider above:
#full_slider_1 { box-shadow: 0px 10px 15px -10px #000; }
I am very sorry, but here ends my knowledge – maybe a mod (perhaps the other guenter) can help you.
and for that it would be nice if you are not minifiying the css or js – because if there was an error we can search til the end of time.
But you have the possibility to set elsewhere on that enfold installation a lightbox image.?
I don not see that the avia-snippet-lightbox.js was activated.i thought that the whole installation is yours and the caroussel images are on their server and are called via plugin (maybe a shortcode) to inject the content.
You have no influence on that domain: http://robwiley.staging.wpengine.com/ (hosted on WPengine) ?if you have please place a lightbox image elsewhere in that page.
please read the edited answer before
no that is normal link opening – not the lightbox.
can you please try to place on the bottom of that page an enfold avia Image with lightbox link. Just to see if the images of your caroussel will go to that container. The mfp-container was not generated
By the way if you are using new 4.3.1 and have performance load only used elements – than this will be one reason for it.
Set it for that moment to alway load all elements. -
This reply was modified 7 years, 1 month ago by
-
AuthorPosts