Forum Replies Created
-
AuthorPosts
-
Is there also a public link to it, or do you have to keep the site private?
( By the way – if it is a blue pattern – and no photorealistic images – then you can set the pattern to repeat.
A lot of patterns are in this way that they are seamless on repeating them )July 12, 2020 at 11:04 am in reply to: How to blur the background image in a color section? #1229760Does your background-image scroll or is it set to fixed?
(Edit : i ask – because there will be a solution if it is set to scroll.)_____
But however it will be easier to blur it in a graphic programm and upload that blurred image.
July 10, 2020 at 10:09 am in reply to: Copy/Clone slide Caption Content to div outside slider. #1229362i think i got it with MutationObserver – but it would be nice/better to have a solution that uses existing triggers or functions
Or is it possible to use out of the slideshow.js an existing function like: after_slide or a used trigger ( maybe: avia-transition-done ) for that ?
July 10, 2020 at 9:45 am in reply to: Copy/Clone slide Caption Content to div outside slider. #1229358we need an expert
you see in DOM that the cell is dynamically inserted – but only the first slide.Darunter versuche ich jetzt die Grid-Row.
Hallo Tobias : das wird mit dem Sliden ein Problem – denn das ist irgendwie auf Overflow: hidden angewiesen.
Eventuell kannst du mit faden ja zufrieden sein:
Das wäre hier so ein aufbau:Color-Section : 1/1 container darin – dort dann einen easy slider platziert:
Der Color-Section gab ich eine benutzerdefinierte Klasse..slideshow-test .avia-caption { position: absolute; left: 60%; z-index: 50; top: 0; width: 40%; height: 100%; padding: 30px; } .slideshow-test .avia-slideshow li img { display: block; width: 60%; margin: 0; border-radius: 3px; position: relative; } .slideshow-test .avia-slideshow li { z-index: 10 !important; } .slideshow-test .avia-slideshow-inner::before { content: ""; background-color: #f9be46; width: 40%; height: 100%; z-index: 10; position: absolute; right: 0; } .slideshow-test .caption_framed .slideshow_caption .avia-caption-content p, .slideshow-test .caption_framed .slideshow_caption .avia-caption-title, .slideshow-test .avia-caption .avia-caption-content p, .slideshow-test .avia-caption .avia-caption-title { background: none; display: inline-block; margin: 0 0 1px 0; padding: 10px 15px; }
https://webers-testseite.de/tobiasp/
aber: du siehst, dass der responsive Fall natürlich ein Problem darstellt. Bei Viel Text in der Caption.
Und das Laden nicht so gelingt ohne den Übergang zu vermeiden. Daher bleibe ich mal dran an dem Thema.
Ich muss mich da wohl oder Übel einlesen in “mutationobserver”Ich habe hier mal eine Anfrage, dass wäre sicherlich eine Lösung: https://kriesi.at/support/topic/bind-event-to-slide-change/
-
This reply was modified 5 years ago by
Guenni007.
July 9, 2020 at 10:44 am in reply to: Header is not sticky at bigger mobile screens / smaller tablets, transparency #1229099PS: wenn du auf allen Seiten Transparenz im Responsiven Fall möchtest, dann musst du das im Content auf den Seiten mit einberechnen – heißt z.B. bei der Modell Seite, oben Platz zu lassen. ( entweder Einfügen eines white separators : Vorteil – den könnte man nur für den Responsvien Fall anzeigen lassen ; oder der Color-Section generell ein huge-padding zu geben.
Sonst sieht es nämlich so aus:
Und wie gesagt, ich würde das Logo im responsiven Fall links floaten lassen und das Zentrieren somit aufheben.
-
This reply was modified 5 years ago by
Guenni007.
July 9, 2020 at 10:29 am in reply to: Header is not sticky at bigger mobile screens / smaller tablets, transparency #1229094zunächst einmal : Du schreist mich nicht wirklich an – oder ? Nichts Anderes ist es wenn man in Foren Alles in Großbuchstaben schreibt ;)
Also wenn Du bitte zunächst das mal umsetzt und auch kurz dann so lässt, dann kann man eventuell auch den Rest noch erledigen.
Dann wäre es hilfreich, du würdest für die Zeit des Layouts das Merging abstellen. Zumindest das vom CSS – dann sieht man auch schneller wo andere Einstellungen mit hineinspielen.
Das Logo muss die Möglichkeit haben bei sehr kleinen Screenweiten auf den verbleibenden Platz zu reagieren; oder du musst um für alle Screenweiten die gleiche Größe zu haben – Auch für breitere Screens ein Kleineres Logo in Kauf nehmen.
Das Logo hat am Anfang ungefähr eine Weite von 400px – wie willst du das ohne Veränderung in eine Screenbreite von 375px inclusive dem Hamburger-Menü und Padding sonst unterbringen?Versuche jetzt bitte mal das hier:
@media only screen and (max-width: 989px) { .responsive #top #wrap_all #header .container { width: 90%; max-width: 90%; } #header { position: fixed !important; height: 80px !important; max-height: 80px !important; } #header_main { border: none; } .responsive #top #wrap_all .av_header_transparency { background-color: transparent; } .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=100); background-color: rgba(255,255,255,0.6) !important; } .responsive #top .av-logo-container , .responsive #top .logo a, .responsive #top .logo img { max-height: 80px !important; } .responsive.html_header_transparency #top #main { padding-top: 0 !important; } .responsive #top .av-main-nav .menu-item-avia-special a { height: 80px !important; line-height: 80px !important; } }
teste es geren mit dem rgba(255,255,255,0.3) aber du wirst sehen, dass etwas weniger Transparenz besser aussieht. Das ist aber Dir überlassen.
______________________
first of all : you are not really shouting at me – are you ? Nothing else is it if you write everything in capital letters in forums ;)So if you please put this into practice and leave it like this for a short time, then you might be able to do the rest.
Then it would be helpful if you would turn off the merging for the time of the layout. At least that of the CSS – then you can see more quickly where other settings play a role.
The logo has to be able to react to the remaining space on very small screens; or you have to accept a smaller logo to have the same size for all screens – even for wider screens.
The logo has a width of about 400px at the beginning – how else do you want to fit this into a screen width of 375px including the hamburger menu and padding without changing it?July 9, 2020 at 9:15 am in reply to: Header is not sticky at bigger mobile screens / smaller tablets, transparency #1229079for the non transparent header sites you have to get rid of:
.responsive.html_mobile_menu_tablet.html_header_top #top #main { padding-top: 0 !important; margin: 0; }
and maybe you decide not to have the centering of the logo on responsive case too:
@media only screen and (max-width: 989px) { .html_header_top.html_logo_center .logo { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } }
July 9, 2020 at 9:02 am in reply to: Header is not sticky at bigger mobile screens / smaller tablets, transparency #1229077Remove all your settings on that and try :
@media only screen and (max-width: 989px) { .responsive #top #wrap_all #header .container { width: 90%; max-width: 90%; } #header { position: fixed !important; height: 80px !important; max-height: 80px !important; } .responsive #top #wrap_all .av_header_transparency { background-color: transparent !important; } .responsive #top .av-logo-container , .responsive #top .logo a, .responsive #top .logo img { height: 80px !important; max-height: 80px !important; } .responsive.html_header_transparency #top #main { padding-top: 0 !important; } .responsive #top .av-main-nav .menu-item-avia-special a { height: 80px !important; line-height: 80px !important; } }
July 8, 2020 at 6:58 am in reply to: Header Issue – Remove the black background from this page #1228767maybe you should insert a logo with invers colors on normal place in Enfold – and the white logo on header – transparency options.
because only the shrink factor decides the divisors on that lines ( you can shorten out the absolute height on beginning )
your decision is only the shrink_factor now. if you like to shrink 5 times ( f.e. from 100px to 20px) the divisior on line 76 is 5
on line 64 the divisor is 5 / (5-1) = 1.25July 7, 2020 at 9:38 am in reply to: how to load a child-theme avia-default script conditionally #1228510this way ?
add_action( 'wp_enqueue_scripts', 'wp_change_megamenu_script', 100 ); function wp_change_megamenu_script() { wp_deregister_script( 'avia-megamenu' ); $condition = (avia_get_submenu_count('avia') > 0); avia_enqueue_script_conditionally( $condition , 'avia-megamenu-child', get_stylesheet_directory_uri().'/js/avia-snippet-megamenu.js', array('avia-default'), $vn, true); }
No i can’t : because i’m participant as you – so if there are different links in private content – i do not see them.
On your link above i only the the Maintenance Mode PageMaybe you can look to the enfold options : header – extra elements – Header Social Icons : and set it to “Display in main header area”
_______
By the way: Even if GB is no longer part of the European Community – you must comply with the GDPR.
Every page with links or share the identity of the site owner (even a phone number is sufficient) must have an imprint and a privacy policy page.Many of the “Under Construction” sites make the mistake of providing contact information and fall into the legal trap
the svg support plugin offers the possibility to have inline svg. but you don’t use that for logo?
on your logo there is now in the dom a<img src="/wp-content/uploads/your-logo.svg" …>
in this case you only had to insert on Enfold Options the link to your alternate Logo : – Header – Transparency Options : Transparency Logomaybe a link to your site could help me to give more advice
________
On that page here i use my svg as an inline-svg – and do change the fill color of the letters on header-scrolled
and transparency. So i do not need a different transparency logo on that case ( one svg – and change fill color )
https://webers-testseite.de/pureinstall/Hallo Tobias – is there a page i can see as a participant too?
Your page link above goes to an answer of mine – so maybe i got an idea.July 7, 2020 at 8:30 am in reply to: Lightbox open 2 times with "Portfolio Filter Gallery Premium" Plugin #1228497Can you test please if it is enough if you exclude that page from loading the script by this in your child-theme functions.php
Change Page ID to your needsadd_action( 'wp_enqueue_scripts', 'conditionaly_deactivate_lightbox_script', '100' ); function conditionaly_deactivate_lightbox_script() { if(is_page(38198)){ wp_deregister_script( 'avia-lightbox-activation' ); } }
so on Enfold on a masonry the link will be present but no lightbox is opend. Maybe your script will then take over that function.
have a look here : https://webers-testseite.de/sticky-sidebar/
the code – and instruction is there.
and similar to that : https://webers-testseite.de/sticky-elements/July 6, 2020 at 10:28 pm in reply to: Blog Posts ALB with Portfolio – do not work as expected #1228372Thanks –
I already did this – and also reimport them.now I have taken an even more drastic action:
I exported the portfolios all to another test platform, then deleted them all, emptied the trash can, logged in to mysql and cleaned the database.
Also deleted all portfolio “categories”.
Reset the permalinks (same settings, but I wanted to make sure that the portfolio permalink structure didn’t play a role here). Then I played back the portfolios. Now it works.
Still it remains a mystery to me why only in the list view the portfolios were displayed incompletely and incorrect – and the other views were all displayed correctly.Of course I had changed the names of the portfolios for some inquiries here on board. The Custom Post Type once set to Books ( you may remember ) and back again. But why it only went wrong with the list views I don’t understand.
Anyway: can be regarded as done.
Does it work as you like to have it?
Your site is only available with the front-site for non logged-in users.Yes that was a svg file
PS : Guess the big C is Verdana –It was nice that we talked about it;
I would have described the solution to you now – but that it doesn’t look exactly like the one on your site I can save myself the trouble now.Good luck to you
this was an existing site and i only changed logo etc. for your setting on one page.
i added some menu points and gave a submenu to home.The page should show you that it can be done with svg ( and i do not adjust the rest on that site – it is only a testpage – that menu and submenus are working with that logo constellation )
it is a bit more complex – besides the svg preparation – it needs a shinkfactor of 3
the transition of the letters at header-scrolled is just an addon.To better see the active anchor shape i let a little transparency in pink in it
-
This reply was modified 5 years ago by
Guenni007.
no – Safari won’t support this – hm let me think about that problem a while
i think we won’t be able to get around converting your logo to svg, and setting the link via svg. ( SVG Shapes )
if you got a svg file – please post the link to it.
Or tell me what font you have used in your logo-
This reply was modified 5 years ago by
Guenni007.
can you pleas look if this will work on all browsers:
put it in quick css:.logo, .logo a { -webkit-clip-path: polygon(0px 0px, 0px 100%, 35.00% 100.00%, 35% 50%, 100% 50%, 100% 0%); clip-path: polygon(0px 0px, 0px 100%, 35.00% 100.00%, 35% 50%, 100% 50%, 100% 0%); overflow: hidden!important } .header-scrolled .logo, .header-scrolled .logo a { -webkit-clip-path: polygon(0px 0px, 0px 80%, 35% 80%, 35% 50%, 85% 50.00%, 85% 0%); clip-path: polygon(0px 0px, 0px 80%, 35% 80%, 35% 50%, 85% 50.00%, 85% 0%); overflow: hidden!important }
yes but the link of demicoli00 is something different- it shows how to have icons before a list of tel, email, location etc. f.e. in the footer widget or on top in phone-info field:
what you are showing is a normal Advanced Layout Element : Icon List
Click on the Icon List Element – click on one Element in the list and on that new popup you can choose the icon you like.On that linked page above i can see your icons.
But if you got trouble on a different page see: https://kriesi.at/documentation/enfold/icon/#icons-are-showing-as-rectangular-boxes--
This reply was modified 5 years ago by
Guenni007.
yes – do you have ftp access to your installation to go back in case there is something went wrong on your turn.
there is a place just before end :
require_once( 'functions-enfold.php');
there is a comment on that line 788ff:
/* * register custom functions that are not related to the framework but necessary for the theme to run */
but copy past it – otherwise the quotation-marks are wrong
the answer is marked as just for info – for you it is enough :add_filter('avf_header_setting_filter', function($header) { $header['header_transparency'] = 'header_transparency'; $header['header_class'] .= " av_header_transparency"; return $header; }, 10, 1);
And one important thing: you can use the filter with conditional tags only for some pages.
If these settings are in contrast to the settings of your Enfold Options – you might remove some classes from the header then.now only read if you like to learn something about that filter:
if you see the enfold options dialog for the header settings you see:
(alway click to enlarge the images)
first tab:
and second tab:
have a look to register-admin-options.php (enfold – includes – admin : register-admin-options.php )
all starts on lines 4027 the slug: header
and you will find the given settings and their possible values:TAB: header layout ID: header_layout: 'logo_left main_nav_header menu_right' 'logo_right main_nav_header menu_left' 'logo_left bottom_nav_header menu_left' 'logo_right bottom_nav_header menu_center' 'logo_center bottom_nav_header menu_right' 'logo_center bottom_nav_header top_nav_header menu_center' ID: header_size: 'slim' 'large' 'custom' ID: header_style: '' 'minimal_header' 'minimal_header minimal_header_shadow' header_title_bar: 'title_bar_breadcrumb' 'title_bar' 'breadcrumbs_only' 'hidden_title_bar' TAB: header behavior ID: header_sticky: 'header_sticky' '' ID: header_shrinking (only if sticky is true) 'header_shrinking' '' ID: header_unstick_top 'header_unstick_top' '' ID: header_stretch: 'header_stretch' ''
(shortend to have better overview )
the settings made there in your Enfold Options are evaluated in the functions-enfold.php ( enfold : functions-enfold.php ).
From lines : 1098ff
on lines 1178ff the transparency is defined and the settings will be:ID: header_transparency header_transparency header_transparency header_glassy
that used filter is set on : line 1318
you now see the syntax of the filter usage:
the only thing you have to remind is that you have to add the concerning classes to the header – and they all start with the av_
dont forget to have on the first added class a blank space too!add_filter('avf_header_setting_filter', function($header) { $header['header_layout'] = 'logo_right main_nav_header menu_left'; $header['header_size'] = 'large'; $header['header_style'] = 'minimal_header'; $header['header_title_bar'] = 'title_bar_breadcrumb'; $header['header_sticky'] = 'header_sticky'; $header['header_shrinking'] = 'header_shrinking'; $header['header_unstick_top'] = 'header_unstick_top'; $header['header_stretch'] = 'header_stretch'; $header['header_transparency'] = 'header_transparency header_glassy'; $header['header_class'] .= " av_logo_right av_main_nav_header av_menu_left av_large av_minimal_header av_title_bar_breadcrumb av_header_sticky av_header_shrinking av_header_unstick_top av_header_stretch av_header_transparency av_header_glassy"; return $header; }, 10, 1);
try to do it in the given sequence of options dialog ( transparency at last )
some pre settings will not work because they exclude each other ( transparency and bread-crumps ) – or always be together ( glassy without transparency – no)
-
This reply was modified 5 years ago by
Guenni007.
Well you can use the filter: avf_header_setting_filter
one thing to think of is in the original comment of that source code part:
//create a header class so we can style properlyput this to your child-theme functions.php :
add_filter('avf_header_setting_filter', function($header) { $header['header_transparency'] = 'header_transparency'; $header['header_class'] .= " av_header_transparency"; return $header; }, 10, 1);
-
This reply was modified 5 years ago by
-
AuthorPosts