Forum Replies Created
-
AuthorPosts
-
kann ich hier deutsch schreiben ?
1. download von pastebin : https://pastebin.com/dl/CHZuH4hA
2. umbenennen nach shrink_fix.js
3. in deinem child-theme einen ordner erstellen js ,
4. das file shrink_fix.js in diesen ordner hochladen.
5. das folgende in die functions.php des child-themes:
a) Laden der neuen Header-Height funktion:function include_shrink_fix() { wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/shrink_fix.js', array('jquery', 'avia-default'), 2, true ); } add_action( 'wp_enqueue_scripts', 'include_shrink_fix', 100 );
b) zwei neue Logos setzen, und später wird das in Enfold gesetzte Logo ausgeblendet
Pfade, Namen und ggf Link des zweiten logos anpassen !function add_logos($logo) { $logo .= '<span class="logo first-logo"><a href="/">' ; $logo .= '<img src="/wp-content/uploads/hs-logo.jpg"/>'; $logo .= '</a></span>'; $logo .= '<span class="logo second-logo"><a href="https://url-nach-draussen" target="_blank">' ; $logo .= '<img src="/wp-content/uploads/update-logo.jpg"/>'; $logo .= '</a></span>'; } return $logo; add_filter('avf_logo_final_output', 'add_logos');
das ins quick css:
.logo:first-child, .responsive .logo:first-child img{ display: none } .responsive #top .logo { height: inherit !important; position: relative} .logo.first-logo { z-index: 3} .logo.second-logo { z-index: 3} .logo.second-logo {37%} .logo.second-logo a {float: left} .logo.first-logo img, .logo.second-logo img {display: block} @media only screen and (max-width: 990px) { div .logo {position: relative !important;} .responsive .logo.second-logo a {float: left; margin-left: 0px !important } .logo.first-logo img, .logo.second-logo img{ max-width: 250px} } @media only screen and (max-width: 768px) { .logo.second-logo { left: 3% !important } } @media only screen and (max-width: 468px) { .logo.first-logo img, .logo.second-logo img{ max-width: 200px} .logo.second-logo { left: 0 !important } }
die Anweisung mit dem Z-index ist hier nicht nötig. War bei drei Logos mit einem in der mitte nützlich. – kann also weg
Es werden sicherlich noch Anpassungen dann nötig sein; zB weil ich in der Testseite eine ander Header Höhe hatte.
Eventuell downloadest du die Logos von meiner Seite :
logo first-logo
logo second-logoApril 9, 2018 at 1:55 pm in reply to: Single event title in Events Calendar H2 instead of H1 #939192your welcome
so now have a look at: https://webers-testseite.de/two-logo-header/
If this meets your needs, I’ll be happy to describe how it works
ich schreib jetzt mal deutsch – geht mir besser damit.
Momentan teste ich das mit dem shrink event zu verknüpfen.
Also beide logos sind momentan links – soll sich aber ändern.yes but these are one logo
first you have to split it into two separate logos –
try to get same outer dimensions – best will be if the height is the samesee link above with your logos-
now i have placed the update logo in the center – on scrolling it goes to the left
but i will see if it is possible to take the shrink calculation to have that the shrinking way not on reaching the header-scrolledSorry Sigmund – long time ago – did you try that ?
here is a new example with two logos – i think you like to have those logos both to the left
https://webers-testseite.de/two-logo-header/both do shrink and on responsive case they go under each other.
so this would be a great thing with svg – but that little subtext – even if it is sharp will be not good readable.
i see you have for that spinning logo an alternative logo.
Is it possible to have for the web f.e.:
PS : it does not make any sense to have a very big image scaled by wordpress to a small one.
It is better (not only on perfermance reasons) to reduce the size to the exact starting dimension which you need ( 250px x 88px )
Graphic Programs do have better algorithms to scale images for web than wordpress can do.What Font do you have used for your logo ( is it Avalon ? – or Avant Garde Gothic ). – Or do you have your logo as Illustrator File ?
So we can check my statement with the svg fileOr maybe this could be an option for you:
https://webers-testseite.de/cynthia/unite4-2/yes for example now you have on “Equipment Rental & Setup” an image – go to that image alb element and set a manual link on that image.
Paste f.e.https://www.youtube.com/watch?v=w4b3T93SZQg?autoplay=1&ecver=2&showinfo=0&loop=1&rel=0&iframe=true
in to that manual link and see if the result is what you like to have.
By the way the dimension of that lightbox can be adjusted if you likeplease a link or the way you set up that button row
Layout screenshot f.e.or try with body#top etc.
because the original button rule starts on body too:
body div .avia-button …body#top .avia-button.avia-size-x-large { padding: 25px 25px 23px; font-size: 18px; }
maybe an !important is necessary on those rules
best would be to be more specific to have a custom class on it
can we see the logo ? ( or link to page ) – is it possible to have instead a svg ?
April 8, 2018 at 5:59 pm in reply to: Enfold Masonry gallery image hover rollover for tablets ipads smartphones #938848Edit : oh wow – did not know that content: attr(title) works !
https://css-tricks.com/css-content/
-
This reply was modified 7 years, 2 months ago by
Guenni007.
April 8, 2018 at 5:30 pm in reply to: Single event title in Events Calendar H2 instead of H1 #938846this to functions.php of your child theme
function replace_h2_on_single_events(){ ?> <script> (function( $ ) { $(document).ready(function() { $('.av-single-event-content h2').replaceWith(function(){ $newTag = $("<h1>", {html: $(this).html()}); $.each(this.attributes, function(i, attribute){ $newTag.attr(attribute.name, attribute.value); }); return $newTag; }) }); }(jQuery)); </script> <?php } add_action('wp_footer', 'replace_h2_on_single_events');
all attributes of the former h2 will stay on position !
so if you like to do it via this way – change back the changing on source code of single event. The next update will do that too.
This functions.php solution is then regardless from updatesEdit:
This is a nice replace script an easier to understand – you can add different rules here
function replace_tags_with_tags(){ ?> <script> (function($) { function replaceElementTag(targetSelector, newTagString) { $(targetSelector).each(function(){ var newElem = $(newTagString, {html: $(this).html()}); $.each(this.attributes, function() { newElem.attr(this.name, this.value); }); $(this).replaceWith(newElem); }); } replaceElementTag('.av-single-event-content h2', '<h1></h1>'); // each replacement separated by semi-colon }(jQuery)); </script> <?php } add_action('wp_footer', 'replace_tags_with_tags');
-
This reply was modified 7 years, 2 months ago by
Guenni007.
April 8, 2018 at 4:40 pm in reply to: Single event title in Events Calendar H2 instead of H1 #938821this was my intend : if you replace all single-event headings with h1 – a masonry or a list of those events could cause that there are multiple h1 on one page – that is not good html programming. a H1 should always be unique – like an ID on one page.
A lot of plugins knows about that so it is on common not the case to have then in a list like here. https://kriesi.at/themes/enfold-church/events/ more than one h1.
Code changed – see the next answerit will do the trick – but i try to preserve the classe set on h2 to give to the h1 too
this code looks for a h2 following the av-single-event-content class and replaces it to a h1
i do not have a test environment here – so you could see if it does the job-
This reply was modified 7 years, 2 months ago by
Guenni007.
no – i think he likes to have a background-image on footer (not socket) behind the widget ( and he only has one column there)
and this is a bit easier than on socket
just use the Enfold Options on general Styling – Footer – put in a user background image and f.e. give only a usefull height to it
the background gets the cover option:#footer { min-height: 450px; } .footer_color { background-size: cover }
see here: https://webers-testseite.de/cynthia/
-
This reply was modified 7 years, 2 months ago by
Guenni007.
in this case if you are sattisfied with no lines you can do instead:
pre { background: rgba(0, 0, 0, .7); color: #fff }
All websites with a contact form needs to be updated to TLS (former SSL) to enshure crypted sending.
Some of the german lawyers say that it is mandatory to have a checkmark on contact form that the sender had read the privacy policy statement.
There had to be a lot of new references on Imprint to Data Handling.
You can see that on my Homepage ( sorry it is german) on Kontakt and Imprint. (https://guenterweber.com)
Because DSGVO is a very complex thing – and as a showcase for my customers how it could be look alike – but don’t had to look alike i set this :
https://guenterweber.com/datenschutz/you see the link on the bottom : https://dsgvo-muster-datenschutzerklaerung.dg-datenschutz.de/?lang=en
where you can generate Your GDPR-Compliant Privacy Policy
and how did you accomplish this?
i asked because i have made an edited alb element with that option on choice: https://webers-testseite.de/edited-enfold-alb-elements/#icons
or is it the small minimal list ( in that case these headings goes to simple divs and <header> )on my edited iconlist.php you only had to change some line .
the thing there is that i added an array for heading tag with the id custom_title_tag
so we had to substitute now the newly added custom_title_tag to that title_el for small lists – these were the original lines{ $title_el = "div"; $iconlist_title = "_" . "small"; }
or download that from pastebin: https://pastebin.com/dl/weSCSutg
rename it to original iconlist.php and follow these instructions: https://webers-testseite.de/edited-enfold-alb-elements/
on that iconlist your choise comes to small-list too and because of class small resists, the top-margin of heading is not there – see here:
https://webers-testseite.de/weber/aaaa/sorry – i thought you are concerning to that golingo.
If you have certs installed it would be nice to have all on secure handling via port 443 TLS. So force https would be best to have.
thats the new data protection law for europe – with a lot of privacy policy notes etc. pp.Ach – du solltest dich beeilen mit dem umsetzen der DSGVO – auch auf der Gilingo Seite selbst – obwohl da schon ein Zertifikat installiert ist, ist noch vieles in den Datenbanken – wahrscheinlich inklusive webseiten url und wordpress url noch auf http eingestellt.
Kontaktformulare nur noch mittels TLS (https) und so weiter …
Cookie Notice ist ein nettes Tool um Cookie Hinweise zu setzen.What do you mean by language sensitive footer.
Your are working with polylang to have different languages on your page.You can activate shortcode support of polylang via your functions.php of your child theme
function polylang_shortcode($atts, $content = null) { if (empty($content)) return ''; extract( shortcode_atts( array('lang' => ''), $atts ) ); if (empty($lang)) return "<h3>You must specify 'lang' using shortcode: polylang</h3>"; return ($lang == pll_current_language()) ? $content : ''; } add_shortcode('polylang', 'polylang_shortcode');
from that time on you can edit different languages in Enfold input text fields like:
[polylang lang="en"]Whatever you like here[/polylang][polylang lang="de"]what ever in german[/polylang]
the
[nolink]
is a different shortcode which disable footer notice to kriesi source of the theme.
you see here what i mean –[polylang lang="de"] © Maratone Soundsystem • <a href="http://originalreggae.de/impressum/">Impressum</a> • <a href="http://originalreggae.de/kontakt/">Kontakt</a> • Webseiten Design durch <a href="http://www.gilingo.de">Gilingo</a> [/polylang] [polylang lang="en"] © Maratone Soundsystem • <a href="http://originalreggae.de/imprint/">Imprint</a> • <a href="http://originalreggae.de/contact/">Contact</a> • Website design by <a href="http://www.gilingo.de">Gilingo</a> [/polylang] [nolink]
or all the things which are the same can stay the differences have to be in that shortcodes:
© Maratone Soundsystem • [polylang lang="de"] <a href="http://originalreggae.de/impressum/">Impressum</a> • <a href="http://originalreggae.de/kontakt/">Kontakt</a> • Webseiten Design durch[/polylang][polylang lang="en"]<a href="http://maratone-soundsystem.net/imprint/">Imprint</a> • <a href="http://maratone-soundsystem.net/contact/">Contact</a> • Website design by[/polylang] <a href="http://www.gilingo.de">Gilingo</a>[nolink]
you now better your links – you see now how it works
there must be some caching reasons for it.
maybe it is because of the new “minification” of the assets.
But please wait till mods here guide you with :add_filter('avf_merge_assets', function() { return 'none'; });
aha – but there is still a jump in logo change.
your values should be on avia.js:if(st < el_height/3) and a bit down under that value newH = el_height/1.5;
81/54 = 1.5
81/(81-54) = 81/27 = 3you can see here a very elegant way with svg instead of png – in this case we can work only with one file ( no substitution ) and on header scrolled option some path of the svg goes to opacity zero:
https://webers-testseite.de/cynthia/-
This reply was modified 7 years, 2 months ago by
Guenni007.
on althermo.com your favicon and logo are still on http link.
how did you insert them – via Enfold Theme Options ? Look if there are still entries.
Or have you inserted favicon and logo via functions.php of your child theme – these enties are often forgotton to change.Or
wp supercache has a (supercache) Go to the Wp-Super Cache Content – regenerate Cache Stats and see if there are super-cached sites.
if you press here empty cache the super cache will be erased too.
After that empty cache of the browsers again !here you can see the youtube api parameters:
https://developers.google.com/youtube/player_parameters/#Parameters
there is only the ecver=2 option missing which disables the links on pause the video – but does not work on modestbranding is disabled ( only one can be disabled ) and i guess the advertising in pause mode is worseput in that fields not the video alb element but a nice screenshot of a scene with image alb element.
You than can set the image link to a custom link. Add you link in it and after the video link ad &iframe=true
if it is the first option (or the only one ) it is ?iframe=true
f.e.
https://www.youtube.com/watch?v=qqXi8WmQ_WM?iframe=true&autoplay=1&ecver=2&rel=0
or paste this f.e. as a button link
https://www.youtube.com/watch?v=w4b3T93SZQg?autoplay=1&ecver=2&showinfo=0&loop=1&rel=0&iframe=true
seems that boardsoft changes & to & with ; so the last options do not work – but iframe works here too
by the way – if it does not work here – it is because the video has an age rating
-
This reply was modified 7 years, 2 months ago by
Guenni007.
btw: if you want to have more line-height:
padding and line-height must have the same value
background-size : width 100% and double line-height comes to height here ( 2em, 2em – 4em)
if you want 3em line-height you have to have 3em padding (important is top -bottom value) and background-size: 100% 6em
you see here the code concerning to pre background:
pre { clear: both; border-style: solid; border-width: 1px; overflow: auto; padding: 2em; line-height: 2em; font-size: 12px; background-image: -webkit-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-image: -moz-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-image: linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent); background-size: 100% 4em; font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; margin-bottom: 30px; position: relative; left: 0; text-transform: none; width: 100%; }
it is here which rules the background – try this:
pre { background-image: -webkit-linear-gradient(rgba(0, 0, 0, .2) 50%, transparent 50%, transparent); background-image: -moz-linear-gradient(rgba(0, 0, 0, .2) 50%, transparent 50%, transparent); background-image: linear-gradient(rgba(0, 0, 0, .2) 50%, transparent 50%, transparent); }
you see 50% are light gray – 50% are transparent
this is no link – it is a screenshot – where do i get the code info about that.
Please a link would be nice
and by the way – on enfold every menu link got an underline ? strange behavior.hm a few days ago and on enfold 4.2.6. it is now on 4754 under
_startSlideshow: function()
wow nice tip.
or have we to change here the workaround vice versa too – on clicking the buttons manually
// public method: shows next image next : function(e) { e.preventDefault(); this._stopSlideshow(); this._navigate( 'next' ); }, // public method: shows previous image previous : function(e) { e.preventDefault(); this._stopSlideshow(); this._navigate( 'prev' ); },
a link would be nice to really understand the issue.
But i think i know what you mean:.avia-menu-fx { background-color: blue !important; }
color could be hex-code, rgb, rgba hsl etc. pp
-
This reply was modified 7 years, 2 months ago by
-
AuthorPosts