Forum Replies Created
-
Posts
-
did you see the private content url?
But you brought me to the right solution. Since the header-bg gradient was defined as background-image – I have to put the transition to all.
And to have it to and fro – it has to be set on both.header_bg { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 2s ease-in-out; transition: all 2s ease-in-out; }#top .av_header_transparency .header_bg { background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0.001) 0%, rgba(255,255,255,1) 45%); background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0.001) 0%, rgba(255,255,255,1) 45%); background-image: -o-linear-gradient(bottom, rgba(255,255,255,0.001) 0%, rgba(255,255,255,1) 45%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255,255,255,0.001)), color-stop(45, rgba(255,255,255,1))); background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0.001) 0%, rgba(255,255,255,1) 45%); background-image: linear-gradient(to top, rgba(255,255,255,0.001) 0%, rgba(255,255,255,1) 45%); background-color: transparent !important; -webkit-transition: all 2s ease-in-out; transition: all 2s ease-in-out}and one important thing has now become clear to me – i had to set the background-image of the header_bg without transparency too – to the same values. Now it looks prettier and not so harsh
Thanks – can be closed
so now it is better – but you have to set the display of logo for responsive case to :
see small screen !.logo img, .responsive .logo img { display: none }by the way you don’t need to insert the svg via functions.php.
if you have svg enabled as mime type you can load it as enfold logo in enfold options dialog.
the only thing to do is via quick css to give the svg a width information. !maybe this header type is ok for you – i will give you the info how to setup enfold for overlapping logo.
https://webers-testseite.de/bernhard/well the function itself is with (
if(!function_exists('avia_post_nav'))) – so a copy of the whole function in child-theme functions.php will overwrite the whole thing.
i can set here after$settings['type'] = get_post_type(); $settings['taxonomy'] = ($settings['type'] == 'portfolio') ? 'portfolio_entries' : $taxonomy; $settings['taxonomy'] = ($settings['type'] == 'event') ? 'event-categories' : $taxonomy;than it will work for events – but portfolio support is than away.
i do not see how to set here an if clause (if $settings[‘type’] == ‘event’ etc …)or if it is always the “tonos” try the entitie for it:
΄orʹsites.psu.edu/symbolcodes/languages/ancient/greek/greekchart/#punct
by the way a very interesting page – maybe this could be for you relevant:
http://sites.psu.edu/symbolcodes/languages/mideast/hebrew/hebrewchart/׳אby the way : on headings it is not so important but on text-block it might be a good idea to have not the line-height disturbed by up and down positioning.
it seems that these values preserve line-height on most cases:sub, sup { font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline} sup {top: -0.5em} sub {bottom: -0.25em}and maybe you will have than different values for your headings
h1 sup …
h2 sup etc ppit will be better to see the online page and the links to it.
i do not know why – because em is a relativ to parent settings value ?
first the sub and sup has an implemented font-size : smaller
maybe you overwrite it first by:sup, sub { position: relative; vertical-align: baseline; font-size: 1em; top: -0.4em; }and look what happend than
if we do not find a different solution i would do it this way:
sup, sub { position: relative; vertical-align: baseline; } .page-id-abc sub { top: 0.4em; } .page-id-abc sup { top: -0.4em; } .page-id-def sub { top: 0.8em; } .page-id-def sup { top: -0.8em; }etc. pp.
make your own rules (normal value is 1.4em – thats the reason for your result)
sup, sub { position: relative; vertical-align: baseline; top: -0.4em; } sub { top: 0.4em; }sub is for H<sub>2</sub>O
by the way this is allways the case if code is posted here on board without using the code tag. The boardsoft compiles these signs.
you see it on your code here: Link – the quotationmarks are kind of italic version of the normal
'is it a bug of the font or does f.e. the quotes and punctuation generally do not go over the top line on black or ultrablack font style?
i know a lot of fonts where this is the case especially if you are writing capitalized only.Can you try this here :
ABCD<sup>'</sup>FGHsee here: Link
but you sign seems to be a bit of a ligature with its following letter.
thats why for example the entity for german signßisßit is a s and a z with ligature styling
some interesting things here: LinkWell – i guess – even if you take a svg file instead ( if you have that – take it – if you could not upload it we will help you how to)
the subtext in your logo (Fachärztin…, Psychotherapie, Psychoanalyse) is too small to be legible.
And if i see your gradient in the “Snake” i think you have taken a 8bit png file – why not a 24bit ( it is nearly the same size and the gradient looks much better and sharper.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.
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/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/
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.on 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/ok – 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 openit’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 up
hi 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 ); }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 wird
