Forum Replies Created
-
AuthorPosts
-
https://www.youtube.com/watch?v=Wq-DEL2ONGg#action=share
the shortform is ok – but i think that at the end there will be related Videos
so i think its better you use:https://www.youtube-nocookie.com/embed/Wq-DEL2ONGg?rel=0&autoplay=1&loop=1
Or – like in former times ( than you can have different colors etc. ) with a sprite image and only shift by css the “image”
Big advantage of sprite images is that all you need is allready loaded because both images are combined in one with known distance- This reply was modified 7 years, 4 months ago by Guenni007.
if you are working with child-theme you can manage it via that hook in functions.php of your child-theme:
add_action( 'ava_add_custom_default_sidebars', 'custom_sidebar_widget_area' ); function custom_sidebar_widget_area() { dynamic_sidebar( 'Rates' ); }
but it might work on sidebar without that code. You only have to choose on the Editior-Page – right side that you want to see this new custom sidebar.
Did you drag a widget to that new custom-sidebar?July 15, 2017 at 11:35 am in reply to: Color Section Background Video – Un Mute / Activate Sound #821629hm seems to be gone – now it works on firefox too:
here is the download for Enfold 4.1 : download
July 15, 2017 at 7:33 am in reply to: Lightbox for external links (html) doesn´t work, any solution? #821597no i think you have to do the selection via this way.
but you might go over a custom class for those settings – and prevent doing it for each page/post you like to influence. – So you only got a couple of rulesJuly 15, 2017 at 7:17 am in reply to: Lightbox for external links (html) doesn´t work, any solution? #821590and if you like to have it bigger try to define it via screenwidth (in this case too a 4/3 ratio) :
.mfp-iframe-scaler { height: 0; left: 50%; overflow: hidden; padding-top: 45vw !important; position: relative; transform: translate(-50%) !important; width: 60vw !important; }
July 15, 2017 at 7:07 am in reply to: Lightbox for external links (html) doesn´t work, any solution? #821588This is done by the scaler via padding-top:
.mfp-iframe-scaler { height: 0; overflow: hidden; padding-top: 56.25%; width: 100%; }
you see that 100/56,25 equals to 16/9 !
so if you like to change it to 4/3 means padding-top: 75%An by the way – why is it for minimal flyout set in this way? to have it verticaly centered –
#av-burger-menu-ul { display: table-cell; height: 100%; padding: 125px 0; vertical-align: middle; width: 100%; }
and by the way for the icon color there is an extra styling tab on enfold – main menu – burger/mobile menu styling. on new 4.1
– no custom.css might be overwritten by quick css
so if you don’t habe a life link – than you have to wait for mods here – and give them the login datas.
- This reply was modified 7 years, 4 months ago by Guenni007.
hm i thought that the settings here will overwrite even the quick css settings. than without the real link i could not help you.
this is color definition of that part – try to find a similar rule in your quick css to get rid of it:
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a { color: #2f3393 }
- This reply was modified 7 years, 4 months ago by Guenni007.
you have here the oportunity to go to Enfold Options Page – Advanced Styling on “select an Element to customize” choose: “Menu Links in Overlay/Slideout – press “Edit Element”
On the new Input field you now can do a lot of things with that menu – even font-family etc.
well first of all – great job again!
on color section background movie – on former versions – by inputing some content the aspect-ratio field opens directliy. Now i have to save and open again the element – now the aspect ratio is seen.
Edit: Seems to be only a bug of firefox – on chrome, safari, opera it still works as expected !Just installing 4.1 on that it works with firefox too !
- This reply was modified 7 years, 4 months ago by Guenni007.
i did – but you inspect it with a fire-bug or developer tools – but these list-points are greyed out because they are on display: none !
go and proove your site on W3C Validation site. These “duplicate ID’s” are not mentioned because they are not displayed at the same time.
But – and that is the point i mentioned – if you will make a check mark on menus ( Main Menu and Footer Menu for the same menu) these list points are displayed at the same time – and will cause a duplicate ID Fault.i do not believe that an element that is set to display none counts on that ID Problematic.
If you choose for the main menu the footer-menu option too – then it is something different. – And you an avoid that on creating the same menu with different menu name for the footer.
July 12, 2017 at 12:30 pm in reply to: Color Section Background Video – Un Mute / Activate Sound #819960i made a new edited section.php and it works – but on former version : on inserting an input on video the format ratio and my new field for muting or not were displayed by directly sliding down.
Now with the new Enfold 4.1 i first had to save – than reopen the element and now the new fields are visible. I see no fault in the array i inserted – the required field is set ok so i wonder why the fields didn’t open immediately
array( "name" => __("Mute Video?", 'avia_framework' ), "desc" => __("Uncheck if you want to have audio", 'avia_framework' )."<br/><small>".__("by default it is muted", 'avia_framework' ) ."</small>" , "id" => "video_mute", "required"=> array('video','not',''), "std" => true, "type" => "checkbox"),
so now brave new world on Enfold 4.1 with the new oportunity to choose the mobile behavior on so many elements – here is an update to my edited shortcodes – so only necessary if you are using the newest version Enfold 4.1:
Download only for Enfold 4.1 ff
Again – make familiar with child-theme
These files goes to child-theme/shortcodes folder and than put in functions.php of your child-theme :add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1); function avia_include_shortcode_template($paths){ $template_url = get_stylesheet_directory(); array_unshift($paths, $template_url.'/shortcodes/'); return $paths; }
- This reply was modified 7 years, 4 months ago by Guenni007.
July 7, 2017 at 6:48 pm in reply to: Partner/Logo Element Formatting -SVG- ; Problem with IE 11 #817967try to give them an height definition too! I think this could help ( auto will be ok i believe)
bitte nimms mir nicht übel – aber es wäre schön, wenn Du dir erstmal mit dir selbst einig bist, was du möchtest – heißt wie dein Header aussehen soll, und wie er reagieren soll, wenn geshrinkt wird bzw . auf kleinen Screens aussehen soll.
Momentan sieht der Header wieder ganz anders auf deiner Seite aus, also – gerne steige ich hier wieder ein, wenn es klar ist wo es hingehen soll.
mit dem shrinking header könntest Du auch folgendes machen:
bitte scrollen und oder browserwindow verkleinern
wenn du auf dem mobilen Menu dein Logo haben möchtest setze mal das hier in Quick css ein:
#mobile-advanced { background-image: url("/wp-content/uploads/2017/06/cropped-PRE_Logo_RGB_150_RZ.png"); background-position: left top; background-repeat: no-repeat; background-size: 10% auto; padding: 15% 0 !important ; }
Also – anhand deiner Seite sehe ich ja, dass wir uns wohl auch auf deutsch unterhalten können.
Du musst noch einige Einstellungen verändert haben, was das responsive Verhalten betrifft. Denn wenn du mein Browserfenster verkleinerst, siehst du keinerlei Sprünge bezüglich der Größe.
Das Menu kannst du platzieren wo du willst, links mittig oder rechts. via Quick css – sag wie du es willst. ausserdem hast du in den Enfold Einstellungen wohl die Variante mit den kleinen Separatoren gewählt. – Bei mir jetzt mal nicht – ist Geschmackssache.
Welchen Grund hat es , dass du einmal das eine dann das andere Logo einsetzt? ich sehe keinen Unterschied – ausser dem Größenunterschied !
Weshalb dann auch im Frontend die Logos unterschiedlich groß sind !Du kannst in beide Codes die gleiche Bilddatei setzen
you can see here a page with that construct and your logo (btw i take the one logo twice – i do not see any difference)
https://webers-testseite.de/kokon/pages/meet-the-team/
(btw.: this is with logo left menu below – it is easier to find the css rules for that )so that is the reason why i have to ask you for the deeper sense behind that – only symetrical reasons?
look to the responsive case if you shrink your browser window to something smaller than 500px .
A construct with two different logos with different links like here : https://webers-testseite.de/
the one link goes to root the other to a new site on a blank target. That makes sense.please take my code because it is much easier to handle the positioning of the two images.
Get rid of the code with sub and insert this :function first_logo($logo) { $logo .= '<span class="logo first-logo"><a href="http://www1.dr-preissl.at" >' ; $logo .= '<img src="/wp-content/uploads/2017/06/PRE_Logo_RGB_150_RZ-161x300.png"/>'; $logo .= '</a></span>'; return $logo; } add_filter('avf_logo_final_output', 'first_logo'); function second_logo($logo) { $logo .= '<span class="logo second-logo"><a href="http://www1.dr-preissl.at" >' ; $logo .= '<img src="/wp-content/uploads/2017/06/cropped-PRE_Logo_RGB_150_RZ.png"/>'; $logo .= '</a></span>'; return $logo; } add_filter('avf_logo_final_output', 'second_logo');
- This reply was modified 7 years, 4 months ago by Guenni007.
and did you read my comment on header styling. With a navigation right – where should an extra image positioned on the right ?
i think it is only meaningfull with navigation over or under Logobtw – please tell me the code how you get it in logo container.
hm there must be something going wrong – or you mixed something in addition to my code see your source code:
Click to enlarge images
you see there are some “logos” as child in logo container ( the one of enfold too) and than – i guess from my code an adjacent to logo container.
so please only use one of the methods and than i’ll come back and try to solve the issue.
PS: this is the way my source code looks like with code above:
- This reply was modified 7 years, 5 months ago by Guenni007.
July 1, 2017 at 6:52 pm in reply to: Urgent! Tab sections not working and menu not working in other browsers #815393on two sides i have been involved too in this tab-section “bug”
and by the way you can highlight that field by quick css:
#top .avia-datepicker-div td:not(.ui-datepicker-unselectable) a { background-color: #0f0; color: #000; }
if you are working with a child theme do this in your functions.php:
function determine_last_friday() { ?> <script type="text/javascript"> function enableLastFriday(date) { var lastDayInMonth = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate(); var isFriday = date.getDay() == 5; var isLastDayOfMonth = date.getDate() > lastDayInMonth - 7; return [isFriday && isLastDayOfMonth, '']; } </script> <?php } add_action('wp_footer', 'determine_last_friday', 10); function only_last_friday() { ?> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery.datepicker.setDefaults({ beforeShowDay: enableLastFriday }); }); </script> <?php } add_action('wp_footer', 'only_last_friday', 20);
PPS: i had to splitt that functions- because i don’t want to override the enfold settings to datepicker template
see here in contact form element: https://webers-testseite.de/8-columns/
- This reply was modified 7 years, 5 months ago by Guenni007.
if i could see your site i will do my best.
but with menu on left or right (only if it has 1 or 2 listpoints) this will not work. Only with menu down or over the menu it will be meaningful.the first logo is not visible. Did you insert 2 logos this way or do you have the one by enfold options and added another one by this code?
The css above concerns to my advice that you input 2 Graphics this way and ( .logo:first-child img { display: none} ) displayes the enfold-logo not !- This reply was modified 7 years, 5 months ago by Guenni007.
-
AuthorPosts