Forum Replies Created
-
AuthorPosts
-
There is probably also a jQuery solution without the need to deposit a child theme version of toggles.php file .
However, some of the contributors here are of the opinion that bots such as the Google Bot would probably read over these jQuery replacements and still SEO wise lead the as p-tag.you can test this first in your child-theme functions.php:
function replace_tags_with_tags(){ ?> <script> (function($) { function replaceElementTag(targetSelector, newTagString) { $(targetSelector).each(function(){ var newElem = $(newTagString, {html: $(this).html()}); $.each(this.attributes, function() { newElem.attr(this.name, this.value); }); $(this).replaceWith(newElem); }); } replaceElementTag('.togglecontainer p.toggler', '<h3></h3>'); }(jQuery)); </script> <?php } add_action('wp_footer', 'replace_tags_with_tags');i realy think that the best and propper way would be to have a child-theme toggles.php file
you find the original file in your enfold folder: /config-templatebuilder/avia-shortcodes/toggles/on line 917 ( Enfold newest Version) there is :
$output .= ' <p data-fake-id="#' . $toggle_atts['custom_id'] …and the closing tag is on line 918
$output .= ' <span class="vert_icon"></span><span class="hor_icon"></span></span></p>';instead of those two p insert your h3
see here the edited file: https://pastebin.com/fREzmbUb
or download it from my pastebin : Linkput that edited ALB Element to your child-theme/shortcodes folder
this folder is not per se in your child-themes folder – create it thenand put this ( if it is not allready done) to your child-theme functions.php :
you find this snippet on documentation : https://kriesi.at/documentation/enfold/intro-to-layout-builder/#customizationfunction avia_include_shortcode_template($paths){ $template_url = get_stylesheet_directory(); array_unshift($paths, $template_url.'/shortcodes/'); return $paths; } add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);-
This reply was modified 5 years, 2 months ago by
Guenni007.
December 13, 2020 at 7:15 pm in reply to: left to right and right to left animation modification #1266920this is nearly the same rule from shortcodes.css – and you only want to overwrite the timing to 0.7s
one difference is that original shortcodes.css has 0.8s – and allthough i could not imagine that the 0. is mandatory try it with 0.7s instead of .7s
and you do not see the code on developer tools to be active? because i couldn’t see a difference of 0.1s
if you do not have child-theme you can manage it by functions.php of parent – but then again an update will overwrite all settings there.
the right place to insert those snippets it at the bottom of funcitons.php
just before :require_once( 'functions-enfold.php');there is a comment on that place :
/* * register custom functions that are not related to the framework but necessary for the theme to run */you can try it with filter on that.
Put this to your child-theme functions.php
context blog goes with the context : indexadd_filter('avf_post_slider_args', function($atts, $context){ global $posts; if($context == 'index') { $atts['type'] = grid; $atts['columns'] = 2; } if($context == 'archive') { $atts['type'] = grid; $atts['columns'] = 4; } if($context == 'tag') { $atts['type'] = grid; $atts['columns'] = 5; } return $atts; }, 10, 2);shortversion if the column-count is the same:
add_filter('avf_post_slider_args', function($atts, $context){ global $posts; if($context == 'index' || $context == 'archive' || $context == 'tag') { $atts['columns'] = 2;} return $atts; }, 10, 2);December 10, 2020 at 4:48 pm in reply to: Help putting icons in one row on small bar in header #1266325or with the animated icons:
<p class="ontop"><a href="mailto: (Email address hidden if logged out) ">[av_font_icon icon='ue805' font='entypo-fontello' size='24px' position='left'][/av_font_icon] (Email address hidden if logged out) </a></p><p class="ontop"><a href="tel:8056580109">[av_font_icon icon='ue854' font='entypo-fontello' size='24px' position='left'][/av_font_icon](805) 658-0109</a></p>and:
.phone-info p.ontop { display: inline-block; margin-right: 10px; }but then you had to style the postition of the icons.
maybe a mod could help you to do thatDecember 10, 2020 at 4:25 pm in reply to: Help putting icons in one row on small bar in header #1266322maybe you try only html and a bit of quick css:
put this to your phone-info field:
<a href="tel:8056580109"><span class="tel">(805) 658-0109</span></a> | <a href="mailto: (Email address hidden if logged out) "><span class="mail"> (Email address hidden if logged out) </span></a>The telephone number in the href should be with maybe countrycode we in Germany got +49 – you will know your whole number ( no spaces in it)
in the span itself you can write what you like to have – maybe only Mail and Phonethen to quick css:
.phone-info span::before { font-family: entypo-fontello; font-size: 24px; padding-right: 5px; position: relative; top: 2px; } .phone-info .mail::before { content: "\e805"; color: #090} .phone-info .tel::before { content: "\e854"; color: #009}if you do not need extra color for the icons – put a uniform color to the span:before rule and erase it in mail and tel
on one installation the shrinking header was set to a fixed height with the same line-height. – and what was annoying was that it was set to the smallest value after shrinking. So both classes header-scrolled and header-scrolled-full were set directly
No – php8 is not yet available at my provider (AllInkl)
-
This reply was modified 5 years, 2 months ago by
Guenni007.
i have disabled on most of my installations – the automatic updates.
I do wait – because the new embedded jQuery ( v3.5.1 ) will cause on a lot of themes and plugins conflicts.
If the installation is allready done – try to install Enable jQuery Migrate Helper and set to legacy 1.12.4 jQuery
until fixes are availableDecember 9, 2020 at 1:06 pm in reply to: Problems with Enfold in combination with WordPress 5.6 #1265977maybe they did an update fo jQuery. in Preparation to php8
On one of my installation the shrinking header script does not work after that WP5.6 install.Try to test the Enable jQuery Migrate Helper Plugin in this case.
After Installation under Tools – jQuery Migrate and switch to Legacy 1.12.4 – and test if that helps til fix is availableDecember 9, 2020 at 10:21 am in reply to: have icon youtube or vimeo link open up in a lightbox and not a new tab #1265947Yes try in manual link option of the icon alb:
https://www.youtube.com/watch?v=G0k3kHtyoqc?iframe=true&autoplay=1for Logo try it with the filter in your child-theme functions.php:
function avf_change_logo_alt($alt) { $alt = "New Alternate Text Here"; return $alt; } add_filter('avf_logo_alt', 'avf_change_logo_alt'); function avf_change_logo_title($title) { $title = "The new Title is here"; return $title; } add_filter('avf_logo_title', 'avf_change_logo_title');and for alternate logo ( logo if you set transparency logo) try:
function my_custom_attributes_for_alternate_logo($header_filtered){ $header_filtered['header_replacement_logo_title'] = 'Alternate Logo Title'; $header_filtered['header_replacement_logo_alt'] = 'Alternate Logo Alt'; return $header_filtered; } add_filter( 'avf_transparency_logo_data', 'my_custom_attributes_for_alternate_logo' );Well – i don’t remember that this has been implemented before. But a custom title attribute input field is still there! –
But to my opinion it is better positioned at the anchor itself than on the parent container.
{$title_attr}could be inserted to the output on the anchor:

A custom-field for alt should be as easy to have here too.f.e.: https://pastebin.com/HqE8KKgP
Download: LinkThe alt attribute input field is not attached to display title field it is alway there if a custom-alt is inserted
to have your own child-theme alb elements see here: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb
December 7, 2020 at 11:05 pm in reply to: invert order layout element between mobile and desktop visualise #1265631use flex-model for it.
Are these layouts grid-row elements or columns?if you have grid rows – just give a custom-class to your grid-row element that should break reverse.
f.e. : reverse-orderjust copy to your quick css:
@media only screen and (max-width: 989px) { .av-layout-grid-container.reverse-order { display: flex !important; flex-flow: row wrap-reverse; } .av-layout-grid-container .flex_cell { min-height: 350px } }( if you have the break-point set on grid-row element at 768 just change the media querry value to 767px )
the last rule is just to not loose the background-images in my example : https://webers-testseite.de/reverse-order/
December 7, 2020 at 10:29 pm in reply to: Set Google Anaytics cookie as essential cookie load by default #1265627But – it is not an essential cookie!
This would contradict the GDPR.
You would invite your visitors to admonish you. It is almost the prime example of a cookie with data collection rage.-
This reply was modified 5 years, 2 months ago by
Guenni007.
den stellt man bei “Allgemeines Styling” Schriften ein.
Wie gesagt das erbt der p-tag vom body-tagEin Inline-Style schlägt mit Spezfität : 1,0,0,0 zu buche (https://css-tricks.com/specifics-on-css-specificity/)
warum der inline-style einen Selector mit 0,1,1,1 nicht überbietet kann ich momentan nicht sagen – normalerweise ist ein inline-style immer der Sieger!
_______________
An inline style is rated with specificity : 1,0,0,0 (https://css-tricks.com/specifics-on-css-specificity/)
why the inline-style does not outbid a selector with 0,1,1,1 is something I cannot say at the moment – normally an inline-style is always the winner!
-
This reply was modified 5 years, 2 months ago by
Guenni007.
du hast im enfold.css folgende Regel erstellt:
#top .header_color p, #top .main_color p, #top .alternate_color p { font-size: 18px; line-height: 1.4em; }eigentlich erbt der p-tag die Schriftgröße (und Zeillenhöhe) vom body tag!
diese css Regel habe ich nicht in meinem css. Daher dürfte das der Knackpunkt sein.Allerdings ist mir noch unklar wie du es eingefügt hast. Denn normalerweise befinden sich die Einträge in der Quick css vor
diesen Einstellungen im css ( das sind die Enfold Optionen des general stylings..container {width:100%;} .container .av-content-small.units {width:73%; } .responsive .boxed#top , .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header{ width: 1310px; max-width:90%; } .responsive .container{ max-width: 1310px; }durch die höhere Spezifität der css Regel ( 1ID, 1Klasse, 1 Element) wird das inline css nicht umgesetzt.
sorry bin auch nur “Participant” – aber eben mit einer Menge an css und javascript Erfahrung.
Sonst schick mir doch mal nur den Link ( Zugangsdaten brauche ich nicht ) via E-Mail zu – Daten sind unter meinem Nick hinterlegt.kannst du mal den link zur testseite posten?
this is strange because on my end it works well. On your preview it looks as if the value goes to the line-height value only.
do you have the newest Version of Enfold? but, as far as I know, such a bug did not occur yet.yes – as far as i can see –
or do you mean those signs on the first column – did you try to insert on menu label an image ( maybe gif )________________
if you like to have a little extra :#top #header .avia_mega_div > .sub-menu > li > ul > li a:hover .avia-menu-text { padding-left: 10px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; color: white; } #top #header .avia_mega_div > .sub-menu > li > ul > li a .avia-menu-text { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }-
This reply was modified 5 years, 2 months ago by
Guenni007.
well the given css has one selector more than the above – and then it is more specific :
Try:div .mfp-title { font-size: 20px; }you see that the rule with the div wins that competition ;)
and if you want to be sure that your custom css overrules the given one take the #top rulebut I think there is a problem of understanding. A background image per se can’t be responsive, because the content decides the size of the container.
To display the complete content the container height has to be adjusted flexibly. No image in the world meets such criteria.
I have here a color-section forced by css to be responsive to the background image.
You see what happens to the content when the screen width is narrow?
https://webers-testseite.de/responsive-colorsection/Now to the sliders – if you choose the fullscreen slider that is similar to that issue.
The Slider is forced to have a 100% of screen height : 100vh.
what should an image do that is landscape on a portrait format hold phone?If you take the full-width slider – that reacts responsive – but content of it should have enough place.
Try on a copy of that f.e. startpage the full-width slider.Thanks – On which of the pages is the problem described by you
what exactly do you mean by “strange characters” ?
these are indicators that there is an unordered list – just “bullet points”if you do not like to have them – just set them to display:none
.avia_mega_div .avia-bullet { display: none; }and if you do not like to have the list points with offset to the left:
#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 3px 12px 3px 0px; } -
This reply was modified 5 years, 2 months ago by
-
AuthorPosts






