Forum Replies Created
-
AuthorPosts
-
yes – and if you like to change the alt text for logo:
add_filter('avf_logo_alt', 'avf_change_logo_alt'); function avf_change_logo_alt($alt) { $alt = "new alt text"; return $alt; }
By the way – dear Mods – how could a shortcode solve that problem.
I first tried to do it this way. but if the option of a breadcrumb isn’t set in editor for the page/post the shortcode does not work.
How to insert a shortcode via child-theme. Append it does not work – or do you know a way to do it?The way on top is a clean way – because it uses the existing breadcrumb – and only changes position!
by the way – i was wondering about performance ou your site : your images on top ( f.e. on http://www.tvsrbsa.org/early-bird-pre-order-sale/) are too big ! (think of loading time)
12MB as jpg ( opend it is nearly 70MB)
this here has 117kb (on full resolution – the image hoster shrinks it to 1200px width) and i think that is with its blur more than enought. your second on my testpage link in slider has 144kb.
or here with your kind of header and logo and your background: https://webers-testseite.de/weber/service/
Look here – i would do it with that duplikator plugin too – even this way from live to local.:
https://www.youtube.com/watch?v=NLYyecIXOU0On some ISP (internet sevice providers) the time out is low so on great databases sometimes the backup fails.
on that case you can exclude for example the uploads folder and up/download it via ftp manual.Duplikator is a great plugin. – but has no multisite support. On that case it will be a bit more complicated.
-
This reply was modified 7 years ago by
Guenni007.
well to have it on sliders and on first-color-section too take instead:
function change_position(){ ?> <script> (function($){ $('div.avia-builder-el-first').each(function () { $(this).insertBefore($(this).prev('#main .title_container')); }); })(jQuery); </script> <?php } add_action('wp_footer', 'change_position');
https://webers-testseite.de/breadcrumb-under-sliders/
or here with your kind of header and logo: https://webers-testseite.de/weber/service/-
This reply was modified 7 years ago by
Guenni007.
Choose to show breadcrumb on those pages you like to show!
you can try to change position of av_section_1 and the title container via functions.php of your child-theme:
function change_position(){ ?> <script> (function($){ $('#av_section_1').each(function () { $(this).insertBefore($(this).prev('#main .title_container')); }); })(jQuery); </script> <?php } add_action('wp_footer', 'change_position');
if you have transparency option – in this case the breadcrumb can be displayed – but i have to look in code where the breadcrumb output is prevented in this case.
Edit: on functions-enfold.php on line 824ff (Enfold 4.2.2) ( if you got older Enfold Versions – search for that)
to comment it out://deactivate title bar if header is transparent if(!empty($transparency)) $header['header_title_bar'] = 'hidden_title_bar';
so there is:
//deactivate title bar if header is transparent //if(!empty($transparency)) $header['header_title_bar'] = 'hidden_title_bar';
has the solution – if we could do this via child-theme ? i don’t know (now) how-to
see here in action (with transparency option): https://webers-testseite.de/breadcrump-under-first-color-section/
-
This reply was modified 7 years ago by
Guenni007.
by the way – a little off-topic – i see that breadcrumps title gets a h1 – this is on my opinion a bit to much.
If i want to set a h1 on that page – we got more than one h1 – not a good practice.February 3, 2018 at 8:23 am in reply to: 2 images logo on header, one on left, one on right and menu under and on right #907186on Enfold it is not so complex as you believe – but avada is definitly not subject of this support/team here
See one Enfold solution for it:https://webers-testseite.de/bernhard/February 2, 2018 at 10:31 am in reply to: Close mobile menu by clicking on active navigation item #906754ok – this does not solve my problem.
i think it is the right function but it does not concern to my request.i have on my landing page different links in the menu – which are not IDs of a color-section but of a tab.
See private content.
on mobile case the links to color-section IDs work even on the same page – the hamburger closed after click.
But if the link goes to a tab id it stays openFebruary 2, 2018 at 10:12 am in reply to: Close mobile menu by clicking on active navigation item #906743it’s line 1958 on avia.js
This original code:
//toogle hide/show for submenu items $('.html_av-submenu-display-click').on( 'click', '.av-width-submenu > a', function (e) { var menu = $(this); toggle_submenu( menu, e ); }); function toggle_submenu( menu, e ) { e.preventDefault(); e.stopImmediatePropagation(); var parent = menu.parents('li').eq(0); parent.toggleClass('av-show-submenu'); if(parent.is('.av-show-submenu')) { parent.children("ul.sub-menu").slideDown('fast'); } else { parent.children("ul.sub-menu").slideUp('fast'); } };
becomes this instead:
// close mobile menu if url is the same $('.html_av-submenu-display-click').on( 'click', 'a', function (e) { e.preventDefault(); e.stopImmediatePropagation(); var loc, cur; loc = window.location.href.match(/(^[^#]*)/)[0]; cur = $(this).attr('href').match(/(^[^#]*)/)[0]; if( cur == loc ) { burger.parents('a').eq(0).trigger('click'); } else { window.location.href = $(this).attr('href'); } return false; });
i will try – thanks
maybe it is causing by this : https://en.wikipedia.org/wiki/Cross-origin_resource_sharing
look here: https://kriesi.at/documentation/enfold/enable-cors/well – normaly i can live without iframes at all – but for youtube videos it is a great solution to get rid of all anoying features they use.
this here gives a lot of possiblities to influence the output of youtube videos: https://developers.google.com/youtube/youtube_player_demo
clicking the “show parameters” it is nice to have all those features to set upFebruary 1, 2018 at 4:38 pm in reply to: Close mobile menu by clicking on active navigation item #906374hi Ismael – what is to substitute? :
tell me please what lines to substitute – i need that solution too.
Or maybe an upload of avia.js to pastebin or sth else
btw. til avia.js does not change on update you can place an edited copy of the whole avia.js into your child-theme/js folder and :
add_action( 'wp_enqueue_scripts', 'wp_change_aviajs', 100 ); function wp_change_aviajs() { wp_deregister_script( 'avia-default' ); wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true ); }
-
This reply was modified 7 years ago by
Guenni007.
yes: more legibility
i think this is the clue – that on responsive design the containers width and their positioning is changed – and font-size stayes more readable
und die Keyframes sind bei shortcodes 5528
f.e.@-webkit-keyframes caption-top { 0% { -webkit-transform:translate(0,-20px); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @keyframes caption-top { 0% { transform:translate(0,-20px); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @-webkit-keyframes caption-bottom { 0% { -webkit-transform:translate(0,20px); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @keyframes caption-bottom { 0% { transform:translate(0,20px); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } }
also du siehst die header kommen von oben (-20px) auf position
die Texte darunter von unten (20px) auf 0please goto my test-page and see the behavior when both urls (images) are in the bottom right corner.
so first url is over the second one !it is all in shortcodes.css – this part:
/*caption frame*/ .avia-caption-content{line-height: 1.3em;} .avia-caption-content p {margin:15px 0;} .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title{ background: #000; filter: alpha(opacity = 80); background: rgba(0, 0, 0, 0.5); display:inline-block; margin:0 0 1px 0; padding:10px 15px; } #top .avia-caption-content .wp-smiley{display:none;} #top .avia-caption-content a{text-decoration: underline;} #top .avia-caption-content a:hover{text-decoration: none;} .avia_transform .av_slideshow_full .avia-caption-title{ } .avia_transform .av_slideshow_full .avia-caption-content, .avia_transform .av_slideshow_full .avia-caption-title, .avia_transform .av_fullscreen .avia-caption-content, .avia_transform .av_fullscreen .avia-caption-title, .avia_transform .av_fullscreen .avia-slideshow-button, .avia_transform .av_slideshow_full .avia-slideshow-button { -webkit-transform:translate(0,0); transform:translate(0,0); visibility: hidden; } .avia_transform .av_slideshow_full .active-slide .avia-caption-content, .avia_transform .av_fullscreen .active-slide .avia-caption-content { visibility: visible; -webkit-animation: caption-right 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); animation: caption-right 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); } .avia_transform .av_slideshow_full .active-slide .avia-slideshow-button, .avia_transform .av_fullscreen .active-slide .avia-slideshow-button { visibility: visible; -webkit-animation: caption-left 1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1); animation: caption-left 1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1); } .avia_transform .av_slideshow_full .active-slide .avia-slideshow-button-2, .avia_transform .av_fullscreen .active-slide .avia-slideshow-button-2 { visibility: visible; -webkit-animation: caption-right 1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1); animation: caption-right 1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1); } .avia_transform .av_slideshow_full .active-slide .avia-caption-title, .avia_transform .av_fullscreen .active-slide .avia-caption-title { visibility: visible; -webkit-animation: caption-left 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); animation: caption-left 1s 1 cubic-bezier(0.985, 0.005, 0.265, 1); } .avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content, .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-content { visibility: visible; -webkit-animation: caption-bottom 0.5s 1 ease-out; animation: caption-bottom 0.5s 1 ease-out; } .avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-title, .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-title { visibility: visible; -webkit-animation: caption-top 0.5s 1 ease-out; animation: caption-top 0.5s 1 ease-out; } .avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-slideshow-button, .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-slideshow-button { visibility: visible; -webkit-animation: caption-top 1.2s 1 ease-out; animation: caption-top 1.2s 1 ease-out; }
So select the right thing
kannst du den link hier veröffentlichen?
ich sehe die Möglichkeit der Auswahl wie headline oder text darunter eingeblendet werden nicht in dem Standard ALB Element.
Das ist ja vorab eingestellt.
Ausserdem fehlt dir ja auch des Element auf das deine Anweisung greifen soll:
zB:.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content, .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-content { visibility: visible; -webkit-animation: caption-bottom 0.5s 1 ease-out; animation: caption-bottom 0.5s 1 ease-out; }
wenn es also mit dem korrekten Element hinterlegt ist und es nicht via quick css geht:
ich denke um das zu ändern ( steht ja in shortcodes.css ) kannst du versuchen das in custom.css einzutragen – bin nicht sicher ob das überschrieben wirdor do you really mean an Enfold – nulled Version ?
That would be a very brazen support request. ;)no x-theme is a unique theme itself ?
-
This reply was modified 7 years ago by
Guenni007.
the easiest way is to go to the fontello page: http://fontello.com/
there you see a lot of icons.
You activate those icons you need ( you can even activate field of icons by press mouse button and pull mouse over an icon field.
on Top give your selection a font-name. and download it.
The resulting zip file you can import at Enfold ( import/export tab)if i have forgotten something to delete – please tell me.
your welcome – best whishes to the Netherlands. – My Great Aunt lived in Voorburg nearby Den Haagby the way: It is a pity that you do not use the slider as it is : a slider – with fading some different images ( maybe with the same captions ?
and again by the way: you can even use here the background-repeat the same way with commata
background-repeat: repeat-x, no-repeat, repeat-y
-
This reply was modified 7 years ago by
Guenni007.
look to the test-page again:
.intro-tekst { box-shadow: inset 0px 0px 111px 3px rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background-image: url( ) , url( ), -webkit-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #FFFFFF 30%, #C4C4C4 100%) !important; background-image: url( ) , url( ), radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #FFFFFF 30%, #C4C4C4 100%) !important; background-repeat: no-repeat; background-position: right bottom, 120px center, center center; background-size: 120px auto, 200px auto, contain; }
first url is your edge effect, second is your seal, third is the gradient (if you like)
you can create your own gradient here: http://www.cssportal.com/css-gradient-generator/
for ie and older browsers i would declare a fallback to a simple background-colorResult-page: https://webers-testseite.de/multiple-background-images/
but i go back to my stretched layout again.-
This reply was modified 7 years ago by
Guenni007.
background-images can be more than one f.e.
#exampleA { background-image: url(decoration.png), url(ribbon.png), url(old_paper.jpg); background-repeat: no-repeat; background-position: left top, right bottom, left top; }
if it is important the first will overlay the second and so on!
so we had to find a different quick css
do not place the background-image in 1/1 container via ALB. only give the background-color : #fff
and your class intro-tekst goes to that 1/1– i downloaded your seal png and try to implement it – just a moment
thats what i say put the box-shadow to 1/1 container not to the color-section ( so your class intro-tekst) goes to 1/1 not color-section.
no as you see
1) the slider ( i only did show the control elements to make it clear it is a slider full-width) is a normal slider
2) the color-section under it : normal with no miniumum height
3) put in your desired 1/1 container – give to him your class: intro-tekst
3a) background-color of 1/1 container as you like – with inset box-shadow it will work better with #fff
3b) your edge normal on 1/1 container
4) the 1/1 containerdeclare the margin-top here on 1/1 container not to the color-section via quick css !
https://webers-testseite.de/daniel01/
look if this will be the desired aim
i switched temporarly to boxed layout
removed
-
This reply was modified 7 years ago by
Guenni007.
with headings, text-block or headline Rotator it will work without adopting it to responsive desing too much.
But as you see with masonry etc. which could get very high on small screens this will need adaptations.
The full-width and full-screen sliders are limited in height.maybe on min-height definition of the color-section it will be good to define the table layout a bit different ( not vertical-align: middle)
#over-the-slider.avia-section.av-minimum-height .container .content { display: table-cell; vertical-align: top; height: 100%; float: none !important; top: 80px; }
All font-sizes inherited the size from body. Maybe you can manage your desired result by using a screen-width dependent value
f.e.
body {font-size: 1.5vw}
but from that there will be more problems to come from than to solve one.
i think this is the clue – that on responsive design the containers width and their positioning is changed – and font-size stayes more readable-
This reply was modified 7 years ago by
Guenni007.
by the way this was my testing page – but i did proove it on a clean install with newest WP and Enfold – with no other plugins running – the same thing.
Can you test it on your installations too – and have a look if its a real bug
-
This reply was modified 7 years ago by
-
AuthorPosts