Forum Replies Created
-
AuthorPosts
-
auf screenweiten kleiner als 768 px ist der Hamburger Button in geöffnetem Zustand rot – daher nocht folgendes:
@media only screen and (max-width:767px) { .av-burger-overlay-active #top .header_color .av-hamburger-inner, .av-burger-overlay-active #top .header_color .av-hamburger-inner::before, .av-burger-overlay-active #top .header_color .av-hamburger-inner::after { background-color: #FFF } }
und den einen selctor müssen wir auch selectiver machen:
.responsive.av-burger-overlay-active #top #wrap_all .av-logo-container a .language_flag img { outline:2px solid #FFF }
ändere die eine Regel mal auf:
da war der andere Selector selectiver ;).responsive #top #wrap_all .av-logo-container a .language_flag img { width: 30px !important; top: 6px; position: relative; outline: 2px solid #B52828; height: 20px !important; }
hast du was an den hamburger Farben geändert – die waren vorher weiß im geöffneten Zustand
bin – jetzt kurz weg – nachher mehr.on that masonry you entered : .group-1
remove the dot on that class – and look if that is the trick.
can you try to put this into your child-theme functions.php:
add_filter( 'avf_default_lightbox_no_scroll', '__return_true' );
Also ich habe es in einer Testinstallation mittels WPML Menü Sprachumschalter gemacht, und dann nur css angewandt.
Eventuell hatte ich dadurch etwas andere Selectoren als Du. Lass es doch einfach jetzt so – so sieht es gut aus.OK maybe you got an older Version of WPML than mine
first put this to your quick css:
.js_active.html_burger_menu #avia-menu > li.av-language-switch-item { display: block; } .language_flag img { width: 30px !important; top: 6px; position: relative; outline: 2px solid #B52828; } .av-burger-overlay-active .language_flag img { outline: 2px solid #FFF; } .av-burger-overlay-active #menu-item-search a { color: #FFF !important }
on WPML – Langage – there are options – what happens if you insert it to main-menu:
Unfortunately, this is not a matter that you can control yourself. Even if the pdf links have this download attribute, the browser settings determine what happens – you can force a download – but the pdf file will open anyway in the browser.
// with file-extension function force_pdf_link_to_download() { ?> <script type="text/javascript"> window.addEventListener("DOMContentLoaded", function () { (function($){ $('a[href$=".pdf"]').each(function() { pdfName = $(this).attr('href').match(/\/([^\/?#]+)[^\/]*$/)[1]; $(this).attr('download', pdfName ).attr('target', '_blank'); }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'force_pdf_link_to_download');
it is not possible to add a download attribute to a link with no value – even if you try that –
texteditor will correct it to:download=""
so the script above will insertdownload="filename.pdf"
Even an entry in the htaccess file does not have to be followed by the browser:
<FilesMatch "\.(?i:pdf)$"> ForceType application/octet-stream Header set Content-Disposition attachment </FilesMatch>
so what could be reached is that the file downloads on click – but it will open in browser tab too.
Perhaps a more skilled programmer than me can force this behaviour – but I think it will be futile, especially since it is supposed to be browser independent.
the setting of the header_bg background is a bit strange. I would not do it this way via Enfold Options – but via quick css:
@media only screen and (min-width: 768px) { #top .container.av-logo-container { max-width: 100% !important; /*** height: 120px !important; ***/ } .header_color .header_bg { background: #fff url(//www.cybran.it/wp-content/uploads/2023/06/banner-top-ia.png); background-size: contain; background-repeat: no-repeat; background-position: center center; } } @media only screen and (max-width: 767px) { .logo img { opacity: 0; } .logo a { background-image: url(//www.cybran.it/wp-content/uploads/2023/06/Logo-master.png); background-repeat: no-repeat; background-size: contain; } }
June 11, 2023 at 12:57 am in reply to: Reducing the size of registered trademark in headings and paragraph text #1410201if you like to replace it everywhere you can try this in your child-theme functions.php:
function wrap_copyright_text_with_sup(){ ?> <script> window.addEventListener("DOMContentLoaded", function () { (function($) { $('body :not(script)').contents().filter(function() { return this.nodeType === 3; }).replaceWith(function() { return this.nodeValue.replace(/[™®©]/g, '<sup>$&</sup>'); }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'wrap_copyright_text_with_sup');
after that you can style the sup (superscript) tag:
this is default:sup { top:-0.5em; font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; }
be carefull to insert a non recalculated image size – only the original gif will have the animation.
see: https://webers-testseite.de/gifs/not a custom php file – put these lines to your child-theme functions.php
on default installation of a child-theme ( Link ) there will be at the beginning :
functions.php ; screenshot.png ; style.css
on a fresh installed child-theme functions.php there are no extra entries – only a leading
<?php
on top.
those extra snippets comes to that file – leave the leading line untouched._____________
if you like to group some images on a page just give to the image that common group class ( group-1, group-2 etc. )
Images in text-blocks : put that custom class to the link ( “Link CSS Class”) : group-1 etc. – see screenshot above. (Link )see here in action: https://webers-testseite.de/lightbox-grouping/
All squared images are in one group – and the Rest is in a different group.PS: you can add more lines to that list – but i think 8 groups on a page will be enough.
you can remove the titles ( and these are responsible for those browser tooltips ) from those social-bookmark links by this snippet inside your child-theme functions.php:
function remove_title_attr(){ ?> <script> (function($) { $(window).on('load', function(){ $('.social_bookmarks a').removeAttr('title'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'remove_title_attr');
Edit: ah i see – you do not belong to the share buttons on top or in the footer – but to those share buttons under the single posts
so try Nikkos css.kuck mal hier: Link
und scroll dann mal runter. Mit Inline svg ist sowas möglichYes – but i tested the last snippet – on image alb – it works – even if the image alb elements are not in the same container.
There is on avia-snippet-lightbox.js a setting which images are grouped.
https://webers-testseite.de/lightbox-grouping/ ( test all squared image are inside a group – and the rest inside another group.
see code from there:groups : ['.avia-slideshow', '.avia-gallery', '.av-horizontal-gallery', '.av-instagram-pics', '.portfolio-preview-image', '.portfolio-preview-content', '.isotope', '.post-entry', '.sidebar', '#main', '.main_menu', '.woocommerce-product-gallery']'
so if an image is in the same f.e. avia-gallery group it will be forced in a common lightbox.
the above snippet will group all images that are linked to lightbox – and have a parent class group-1 etc.
but i thought on former enfold versions this does include even image inside text-block alb elements.
But i tested that with no success.here is an example as svg – if you now decide to have shrink header – you can set the subliner to display: none – or opacity: 0
Edit: Logo Download removed
PS if this is done – i will remove your logo from here.
you see how it is set for better select the single parts:
the ID: #subliner could be handled separated from the rest, because Enfold put the svg Logo as inline svg code.
I believe that Polylang has a setting for this. That the corresponding English page links to the correct home page.
But if everything fails, you could redirect using this code snippet within the child-themes function.php:function av_change_logo_link_on_different_languages($link){ $currentlang = get_bloginfo('language'); if($currentlang == "en-GB"){ $link = 'https://the-new-path-comes-here'; } return $link; } add_filter('avf_logo_link','av_change_logo_link_on_different_languages');
Welcher Schriftzug soll darunter stehen? Eventuell könnte man das ganze dann lieber als svg umsetzen.
Die Tänzerin zu verktorisieren geht schnell, und die Schrift ist bekannt ( Gill Sans Nova)Diesen extra Schriftzug könnte man dann ein/ausblenden nach dem Scrollen – oder gar verschieben etc. pp:
siehe z.B: https://ars-expressiva.com/Muss die Schrift unterhalb deines Logos permanent dort sein? Dann solltest du den weg gehen – einfach die Grafik dahingehend zu bearbeiten und neu hochzuladen.
Na wie gesagt: Manche sehen es als Sicherheitsrisiko an, php ( js ) via dashboard bearbeiten zu können.
Daher kann man es abschalten z.B. mit den zwei Zeilen die ich oben ansprach. Dazu müßtest du mal via ftp in deine wp-config.php schauen ob sich diese Einträge dort befinden.Gerade mal noch editiert oben – bezüglich des Editors.
habe jetzt nicht geschaut ob du ein child-theme nutzt oder nicht. ?
nimm das öffentlich gepostete Login mal lieber schnell raus! Und setze es für die Mods in den Private Content unterhalb des regulären Eingabefeldes.
Am besten auch das Login Passwort noch ändern.so ich hatte mich mal kurz eingeloggt. In der Tat hast du dort keinen Editor. Das kann daran liegen, das aus Sicherheitsgründen – entweder ein Security Plugin das verhindert, oder in der wp-config.php datei im Rootverzeichnis deiner WordPress Installation genau das unterbunden wird.
Die Zeilen wären dann:define( 'DISALLOW_FILE_EDIT', true ); define( 'DISALLOW_FILE_MODS', true );
die entweder löschen – oder auf false setzen.
try to play a little and start with: height and font-size
#top .av-icon-circles-container .avia-icon-circles-icon { text-align: center; font-size: 50px; line-height: 0 !important; height: 80px; width: 80px; margin: -33px; } #top .avia-icon-circles-icon::before { position: relative; top: 49%; } .main_color #top .av-icon-circles-container .avia-icon-circles-icon.active { border: 3px solid #608a12; transform-origin: center center; }
it might be necessary to move the icon inside the circle ( via pseudo-container : before ) . Since I can’t see your private message, I can’t give you any better advice.
put this to your quick css:
#top .avia-content-slider .slide-meta-time { display: none; }
June 6, 2023 at 7:37 am in reply to: how to change caption in “fullwidth easy slider” from h2 to h1 and keep design #1409730This could also be used as a snippet – but from a SEO point of view it would probably be better not to replace an existing H2, but to change the build process to H1.
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('.avia-fullwidth-slider h2.avia-caption-title', '<h1></h1>'); }(jQuery)); </script> <?php } add_action('wp_footer', 'replace_tags_with_tags');
June 6, 2023 at 7:18 am in reply to: how to change caption in “fullwidth easy slider” from h2 to h1 and keep design #1409727the change on color of the h1 had to be set in quick css. But with that filter here the option if framed or not is preserved.
function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() ){ if( $context == 'avia_slideshow' ){ $args['heading'] = 'h1'; } return $args; } add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );
but i do not see how to differ between fullscreen and fullwidth sliders – the filter is inside the helper: class-avia-slideshow.php
and f.e. no extra_args are set.maybe the filter avf_slideshow_title can be used – but i think it is only to change the content of title .
But isn’t it then a problem of that plugin ( Permalink Manager ) ? What do they say about your troubles ?
and you are right – I did indeed assume that you were using the Advanced Layout Builder. In this case there is an editor field for permalinkJune 5, 2023 at 7:15 pm in reply to: Anführungszeichen werden im Frontend falsch dargestellt #1409664you can do that by adding the html entities or by adding it by copy and paste.
But if you are writing in text-block editor and using the standard key ( shift 2 ) from your keyboard – it will insert the english opening and closing double quotes.
The language than decides how they will look like on frontend – if you choose french as page language they will automatically translated to those Guillements. in German we have those curly brackets ( and the ampersand function only changes the straight double quotes to curly double quoutes by wrapping in a span with class ) etc. pp.
But now – if your page is set to german and you like to have those guillemets this is an option to do so.PS:
On mac german keyboard ( QWERTZ)
« : option q
» : shift option q
-
AuthorPosts