First : is there a better – bigger – sharper Image of that?
And what does this mean:

Hi I would like to create a custom icon or custom pattern to be more specific on one of the icons in your list

Aren’t there round source patterns on that? best would be svg

Thanks – but i’m Participant as you – so the other request has some infos in private content – which i do not see.

However, these settings alone would have the effect that the tabs can no longer be opened in the “mobile” case. Since the switch case has removed this exactly. Therefore a click solution is needed to correct this.

you see above in the css code there is an additional class i set for that decision ( mobile-tab)
this to child-theme functions.php

function mobile_tabs_open_onclick(){
?>
<script type="text/javascript">
(function($) {
	$('.responsive #top .tabcontainer.mobile-tabs-closed .av_tab_section .tab').click(function() {
		$(this).next('.tab_content').toggleClass('mobile-tab');
		$(this).closest('.av_tab_section').siblings().find('.tab_content').removeClass('mobile-tab');
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'mobile_tabs_open_onclick');

If the mods see a much simpler solution, don’t be afraid to announce it.

Those for whom it is too much text to get a solution may skip this answer. ;)

When I began to deal with the subject, I encountered various obstacles.
In general, there is no easy solution to these. And my first attempt to redefine the two classes responsible for the appearance ( active_tab and active_tab_container ) only by css and the class set to html if it is a mobile device (avia_mobile) would not make sense. Because then all tablets – even the Ipad Pro with its 12.9 inch size – would initially display the closed tabs.

So when the page is loaded, it should be decided whether the tabs are open or not. When tilting the mobile device, however, it should be decided again whether the tabs are open or not.
For example the Iphone XS: 375×812
i.e. normally in landscape mode the tabs would be in normal view, in portrait mode the tabs would be arranged below each other.

So I thought I would link this decision to the presence of the Hamburg Icon. Unfortunately the default setting of the tabs causes me some problems, because they usually change their appearance when resized to 768px. So there would be a discrepancy in the setting depending on the burger menu if it changes already at 990px. – But there is a Quick CSS solution.
But there are participants here who always show the burger, so this would not be the solution.

So I decided to create a class that I can fall back to if the screen width falls below a certain value without changing the behavior of the above mentioned classes ( active_tab and active_tab_container ).
With this first script I set a class to body, which offers me a switch with which I can make this decision ( tab_switch ).

Additionally I give the Tabs ALB element a custom class to decide if I want the effect or not. ( mobile-tabs-closed )

what exactly do you like to obtain? the behaviour on mobile devices or on narrow screen width? The first one is easier to reach.

on the second page you have allready activated the merging of css and javascript files: So i think it is only a caching reason for that.
Go to dashboard – enfold – performance : and on the bottom of that page there is: “Delete old CSS and JS files?”
mark that – and save all changes.

______

Dashboard – Enfold – Leistung : “Alte CSS- und JS-Dateien löschen?”
Das Feld markieren und alle Änderungen speichern.

try this – and to have searchform results font in a color:
(on my testpage there is a dark background on fullwidth burger overlay)

#av-burger-menu-ul #searchform > div {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#av-burger-menu-ul #searchform .ajax_search_response * {
	color: #FFF
}

where does that entry come from?

how is this inserted on that place – via child-theme functions.php
<font style="vertical-align: inherit;></font>
in between you have your “extra sign”

PS: there must be more to correct : it is very unusual to have all these entries in the body tag and on top:
style sheets , googlebot , opengraph entries etc. pp. that is something for the head area or – just before closing body tag.

Please update to Enfold 4.7.6.1
there was a little bug in av-helper-slideshow.php on 4.7.6 : Link
The fix is in the above Version of Enfold. –
Or if you do not want to update replace in your parent theme av-helper-slideshow.php with this one: DL-Link
The file is in : enfold – config-templatebuilder – avia-shotcodes

The above code has been tested on many strings and should work; of course, the first string “Proceed to PayPal” may not be in your source code. It would be enough if the spaces were represented by characters, or e.g. there is Paypal instead of PayPal.
Which plugin do you use for your payment systems.

Try this:

function my_text_strings( $translated_text, $text, $domain ) {
	switch ( $translated_text ) {
		case 'Proceed to PayPal' :
			$translated_text = __( 'Payerthgy', 'woocommerce' );
			break;
	}
	return $translated_text;
}
add_filter( 'gettext', 'my_text_strings', 20, 3 );

On woocommerce there are some filter for different buttons ( woocommerce_order_button_text or woocommerce_order_button_html)
is it the checkout button ?

Best would be if i can see the page it concerns.

by the way: do you have an older child-theme header.php ? The lightbox setting on that has changed – so if you got – actualize this with the newest one.
________
On Enfold ( i do not know it this is default setting ) there is a setting to load jQuery in the footer – so that was the reason for my question.
If you load that script in the head area.

So – to understand it right. You go to your menus and on one or more items you set with rel = magnific

first the selector is wrong – i did not see it first too on your code above. ('a[rel="magnific"]')

then – what do you like to open? do the menu-items lead to a unique ID on that page – or do they have as target a website ?
f.e. if you like to open a website with that link then type : ‘iframe’ , is to use.

Try this:

function my_text_strings( $translated_text, $text, $domain ){
switch ( $translated_text ){
    case 'Proceed to PayPal':  $translated_text = __( 'Payerthgy', $domain );
    break;
  }
  return $translated_text;
}
add_filter('gettext', 'my_text_strings', 20, 3);

PS: the position of add_filter is not important – i notice it always this way in my child-theme functions.php because it provides a clearer conclusion to the above function

PPS: if you have to translate more than one string – it always have to be case 1 …; break; case 2 , break;
after each string translation there had to be a break.

• This reply was modified 5 years, 6 months ago by Guenni007.

Testpage: https://webers-testseite.de/cynthia/