-
Search Results
-
In reply to: Fullwidth Easy Slider Caption animation – duration
Hey sue007,
Please have a look at the docs here:
If you need further assistance please let us know.
Best regards,
VictoriaIn reply to: Secundary Menu – no modal possible
maybe you go and scale the iframe in the code above to:
these are your settings of width from enfold container.{max-width: 1310px;height:90vh}and adjust the hover state of iframe close button
.mfp-arrow:hover, .mfp-close:hover { background-color: #7ec346; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: 0; }In reply to: Graceful transition for pop up modals
Enfold uses the lightbox of Magnific Popup from : Dmitry Semenov
on its api you can see how to get some animation on it: https://dimsemenov.com/plugins/magnific-popup/documentation.html#animation
in general the animations are set there via custom-class.
Here you have some examples on animation: https://codepen.io/dimsemenov/pen/GAIktthe only thing is that you had to transform the given css rules of a animation to your quick.css
f.e. i like the mfp-3d-unfold:/* ====== 3d unfold ====== */ .mfp-3d-unfold { /* start state */ /* animate in */ /* animate out */ } .mfp-3d-unfold .mfp-content { perspective: 2000px; } .mfp-3d-unfold .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform-style: preserve-3d; transform: rotateY(-60deg); } .mfp-3d-unfold.mfp-bg { opacity: 0; transition: all 0.5s; } .mfp-3d-unfold.mfp-ready .mfp-with-anim { opacity: 1; transform: rotateY(0deg); } .mfp-3d-unfold.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-3d-unfold.mfp-removing .mfp-with-anim { transform: rotateY(60deg); opacity: 0; } .mfp-3d-unfold.mfp-removing.mfp-bg { opacity: 0; }And is set via child-theme functions.php by:
function add_lightbox_effect() { ?> <script type="text/javascript"> (function($) { $(window).load(function(){ $('.inline-popups').magnificPopup({ delegate: 'a', removalDelay: 500, mainClass: 'mfp-3d-unfold', type:'inline', midClick: true, }); $(document).on('click', '.popup-modal-dismiss', function (e) { $.magnificPopup.close(); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'add_lightbox_effect');the popup-modal-dismiss thing is not needed for that – but if there is a button to go to f.e. an anchor link on the page – it closes the popup with that class.
you see that for that code a custom-class is set to a parent of the anchor link : inline-popups
but change it to whatever you like.See here an example : https://webers-testseite.de/pureinstall/info/
In reply to: Mehrere Color-Sections öfnnen und schließen
Hi Mike,
sorry for my late reply.
Thank you very much for editing the script. I replaced the old code with the new “smooth”-script you send, so I got this and uploaded functions.php:function add_custom_cs(){
?>
<script>
jQuery(window).load(function(){
jQuery(“#hide_company”).hide();
jQuery(“#hide_technology”).hide();
jQuery(“#hide_product”).hide();
jQuery(“#hide_sustainability”).hide();
jQuery( “.companyschalter” ).click(function() {
jQuery( “#hide_company” ).scrollTop(100);
jQuery( “#hide_company” ).toggle();});
jQuery( “.technologyschalter” ).click(function() {
jQuery( “#hide_technology” ).toggle();
});
jQuery( “.productschalter” ).click(function() {
jQuery( “#hide_product” ).toggle();
});
jQuery( “.sustainabilityschalter” ).click(function() {
jQuery( “#hide_sustainability” ).toggle();
});
});(function ($) {
$(“.sustainabilityschalter”).click(function(e) {
e.preventDefault();
var elmnt = document.getElementById(“hide_sustainability”);
setTimeout(function () {
elmnt.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ });
}, 1500);
});
$(“.productschalter”).click(function(e) {
e.preventDefault();
var elmnt = document.getElementById(“hide_product”);
setTimeout(function () {
elmnt.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ });
}, 1500);
});
$(“.class-of-button”).click(function(e) {
e.preventDefault();
var elmnt = document.getElementById(“ID-of-hidden-section”);
setTimeout(function () {
elmnt.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ });
}, 1500);
});
})(jQuery);Unfortunately i got this error-message:
Parse error: syntax error, unexpected end of file in /homepages/10/d85211480/htdocs/subd_foo/wp-content/themes/enfold/functions.php on line 855Best regards
GrobiIn reply to: main menu
Support,
Is it possible to achieve on avia layout builder to hide a footer menu and only trigger when you click a button.
same as this footer
https://www.adventurepark.com.au/Also how can I make the icons near beside the title inline, because the gap is too far when I use an element. I don’t want the icon under the title.
Frustrating, no buttons design options as well only a square. but on this theme there is
https://preview.themeforest.net/item/enfold-responsive-multipurpose-theme/full_screen_preview/4519990Regards,
PhilHallo.
Ich benutze das Enfold Theme in Kombination mit Woocommerce und dem Fancy Product Designer.
Beim Produkt Designer gibt es mehrere Möglichkeiten, diesen anzuzeigen:
- Anstelle des Produktbildes: Das ist aber viel zu klein und nicht benutzerfreundlich
- In einer Lightbox: Das funktioniert bei mir leider nicht. Die Lightbox versucht sich zu öffnen, dann wird aber die Seite neu geladen und nichts passiert.
- Nach der Produktbeschreibung: Dann sieht man links das Produktbild, rechts die Beschreibung, Preis usw. und unter dieser Spalte dann den Designer – das sieht auch nicht gut aus.
- Die letzte Möglichkeit ist ein “Hook” – ich habe keine Ahnung was das ist, aber wenn ich das aktiviere, passiert gar nichts :)
Grundsätzlich wäre es toll, wenn sich der Produkt Designer in einem eigenen ganzen Fenster öffnen würde. Eventuell nur mit meinem Logo und einen “Abbrechen”-Button, mit dem der Besucher wieder zur vorherigen Seite zurückgelangt. So ist beim Designen der Fokus direkt auf den Designer gerichtet und der komplette Bildschirm steht zur Verfügung.
Nur wie kann ich das realisieren?
Hat jemand eine Idee?Danke im Voraus!
Beste Grüße
MarioDear team,
After the enfold theme update in order to get
Fullscreen easy slider to be responsive, delete the fullscreen easy slider and input a new one then the image will be responsive (solution)I still have issue with fullwidth easy slider! My aim is to have a full screen responsive video – with buttons and link (i temporary hide it on mobile so u cant see it). So fullwidth easy slider seems to be ideal for it. However it doesnt load and only show a fallback image(logo) with the button. Any workabout methods or any coding to make it happen?
Best
KayzIn reply to: Products search bar widget
I looked for some solution on my side and I found the css
.woocommerce-product-search input {}
which helped me to do some of the changes I wanted.
But I would like to customize the woocommerce search bar like the Enfold search bar (a unique bar with the magnifying glass on the right and no search button)… How could I do that?
For my second question I’m still looking for a solution… If you could help me please…
Thanks a lot!!Dear Team,
I applied the following code – only the submit button work. But I need the other code for the email address too! Anyone can offer their expertise/advice?p.form_element.first_form.form_element.form_element_two_third.av-last-visible-form-element.modified_width{ margin-left:16%!important; }Best!
Hi guys!
I am an old user of your theme and as always let me just say keep up the good work.
I have 3 questions regarding new project:
1.)
When will you include “Research gate” social icon as part of theme? Its 6 years old well known portal.
I have now added icon over this steps:But now when I hover-over with mouse at the top, the name says “icon_name”. Which part is needed to correct for this to work? I have tried everything in the code specified on the URL above.
2.)
On frontpage there are “partner logos”. You can see them at bottom.
As you can see there are different sizes. How to allign them in the center of box? Like to have line go in the middle of them if you know what I mean.3.)
At the start there is cookie consent form. But button “read more” is not working. You can see there is link but click doesnt work.I have provided URL in private content.
Thank you and best regards!
Marc
Hello support,
I have been using ENFOLD for a long time. Thanks for such good theme.
I use the main menu at header and sub menu over full width.
Everything is ok for the desktop view. However, the menus in the mobile view are changed to the burger button. Since the sub menu is attached directly to the header, you can see two different burger icons. It doesn’t look very professional.
See link.
–> https://erlogroup.de/downloads/burger%20styles%20different.jpg
Is it possible to make the burger icon of the submenus identical to the main menu burger icon?
Thanks in advance for your help.
Best regards JensHi TGPweb,
I think in this case, the element that has a load more button is the masonry, but it has a different look.
Or you can have a look at the post slider.
Here is the demo:
If you need further assistance please let us know.
Best regards,
Victoriahast du ein Child-Theme installiert? Macht die Sache einfacher und “update resistent”
Also : aktiviere bitte im Footer die Social Media Icons ( Enfold – Footer – Social Icons)
Diese werden jetzt als Grundlage dafür genommen – diese in das Hauptmenu einzusetzen und in das Hamburger Menu auch.
Siehe meine Testseite im responsiven Fall.jetzt der Code für die child-theme functions.php
/************* verschieben der #socket social buttons in das Haupt-Menu und in das mobile (hamburger) menu ************/ function ava_main_menu_social(){ ?> <script> (function($){ $('#socket .social_bookmarks').css({ 'display': 'none' }); $('#header').one('click', '.av-main-nav-wrap', function() { var isMobile = $('.av-burger-menu-main').css('display'), social = $('#socket .social_bookmarks').clone(true).addClass('sub-menu'), mobileMenu = $('.av-burger-overlay'); mobileMenu.find('#av-burger-menu-ul').append('<li class="only-burger menu-item-social av-active-burger-items"><a itemprop="url" alt="Social Bookmarks" style="" href="#"><span class="avia-bullet"></span><span class="avia-menu-text">Social Bookmarks</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>'); if( social.length ){ mobileMenu.find('.only-burger.menu-item-social').append(social); } }); var htmlString = $('#socket .social_bookmarks').clone().find('li a'), socialString = []; htmlString.each(function() { var socialClass = $(this).parent('li').attr('class'), socialItems = $(this).wrap('<li class="'+ socialClass + ' menu-item menu-item-avia-special menu-social"></li>').parent().unwrap(); socialString.push(socialItems); }); var socials = socialString.reverse(); $(socials).each(function() { $(this).appendTo('#avia-menu'); }); $('#avia-menu .menu-social').css('float', 'right'); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_main_menu_social');( wenn ich mal den Code erklären soll sag bescheid * )
damit das im responsiven Fall auch hover states hat im Hamburger Menu müssen da einige css Sachen erneut gesetzt werden.
das also in das quick css
.responsive #top #avia-menu-0 .menu-social { display: none } #av-burger-menu-ul .menu-item-social > a { pointer-events: none; } @media only screen and (max-width: 768px) { .main_menu .social_bookmarks { display: none !important; } .avia-menu.av_menu_icon_beside { padding-right: 0; margin-right: 0; border-right: none !important; } } @media only screen and (min-width: 769px) { .main_menu .social_bookmarks:not(.sub-menu) { overflow: visible !important; display: flex !important; flex-flow: row wrap; justify-content: space-between; align-content: center; } .main_menu .social_bookmarks:not(.sub-menu) li { flex: 0 1 30%; line-height: unset !important; margin: 2px 0; } .only-burger.menu-item-social { display: none } } #av-burger-menu-ul .menu-item-social a .avia-menu-text { font-style: italic; } #av-burger-menu-ul .only-burger.menu-item-social { border-top: 1px dashed gray; border-bottom: none !important; } .html_av-overlay-side-classic #top .av-burger-overlay li.menu-item-social a { border : none !important } .responsive #top #av-burger-menu-ul .social_bookmarks.sub-menu { margin-left: 30px; overflow: visible; float: left !important; display: block !important; height: auto } #av-burger-menu-ul .social_bookmarks.sub-menu li { display: block; margin: 3px 10px; float: left; } #av-burger-menu-ul .social_bookmarks.sub-menu li a { padding: 10px !important; display: table-cell !important; float: none !important; border-radius: 0 !important } #top #wrap_all #av-burger-menu-ul .av-social-link-facebook a { padding: 10px 13px !important;} #top #wrap_all #av-burger-menu-ul .av-social-link-rss:hover a{color:#fff; background-color:#ffa133!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-facebook:hover a{color:#fff; background-color:#37589b!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-twitter:hover a{color:#fff; background-color:#46d4fe!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-whatsapp:hover a{color:#fff; background-color:#00e676!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-mail:hover a{color:#fff; background-color:#9fae37!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-dribbble:hover a{color:#fff; background-color:#e44885!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-linkedin:hover a{color:#fff; background-color:#419cca!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-search:hover a{color:#fff; background-color:#222222!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-gplus:hover a{color:#fff; background-color:#de5a49!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-behance:hover a{color:#fff; background-color:#008cfa!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-flickr:hover a{color:#fff; background-color:#ff0086!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-forrst:hover a{color:#fff; background-color:#234317!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-myspace:hover a{color:#fff; background-color:#000000!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-tumblr:hover a{color:#fff; background-color:#345574!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-vimeo:hover a{color:#fff; background-color:#31baff!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-youtube:hover a{color:#fff; background-color:#a72b1d!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-pinterest:hover a{color:#fff; background-color:#cb2027!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-skype:hover a{color:#fff; background-color:#12a5f4!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-instagram:hover a{color:#fff; background-color:#a67658!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-five_100_px:hover a{color:#fff; background-color:#222222!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-soundcloud:hover a{color:#fff; background-color:#F76700!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-xing:hover a{color:#fff; background-color:#006567!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-vk:hover a{color:#fff; background-color:#597BA5!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-reddit:hover a{color:#fff; background-color:#FF4500!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-yelp:hover a{color:#fff; background-color:#d32323!important; } #top #wrap_all #av-burger-menu-ul .av-social-link-kununu:hover a{color:#fff; background-color:#2fb313!important; }In reply to: LearnDash Quiz Results Display Issue…
I’m having the same problem.
Screen shot with Enfold (missing results and buttons):
https://snipboard.io/JyXlfs.jpg
Screen shot with twenty twenty theme (what the display should include):
https://snipboard.io/EWfH9Q.jpgIn reply to: Social share buttons order
Hi Victoria,
Thanks for the response, but is not my social icons in header and footer that i wanna change order.
Is the order of social sharing element (https://kriesi.at/documentation/enfold/social-share-buttons/) on posts/portfolio and using the shorcode.
Can you help?
ThanksEnfold 4.7.4
Inhalts Elemente > “Reiter-Sektion:Plugins”, unter Layout Elemente, nicht responsibelHallo,
habe festgestellt, dass das oben genannte Reiter Element (gemeint ist die “Reiter-Sektion” nicht der andere Standard Reiter) auf Handy Bildschirmgrößen nicht funktioniert bzw. sich nicht anpasst = Bild und Texte werden abgeschnitten.Allerdings werden die Reiterbezeichnungen richtig angezeigt (Box Reiter-Sektion bearbeiten)
Meine Box Reiter Sektion enthält 2 x 1/2 Zellen-Elemente (1x Bild, 1 x Text)Es gibt auch keine Einstellmöglichkeit, ausser abschalten für kleine Bildschirmgrößen.
Ich würde diese schöne Funktion mit dem zusätzlichen Slide Effekt auch gerne auf Mobilgeräten beibehalten, zumal deren jetzigen, bereits umfangreich eingepflegten Inhalte Informationsrelevant sind, und ansonsten umständlich / mühsam anders untergebracht werden müssten.Falls es da keine Möglichkeit gibt das zu beheben oder ggf. per Update noch kommt, wäre es ein Tipp, diese nicht Anpassungsfähigkeit dieses / oder ggf. einiger Elemente, bei den Elemente Info PopUps als Warnung etc mit aufzunehmen, wenn ein Element nicht responsibel ist.
Gruß
A.B.PS: Screenshot könnte gesendet werden, wenn ich wüsste wie (keine URL über img Button möglich)
In reply to: Error after WordPress Update
Hi JannyPolak,
Yes, it will be solved in the next release of the theme. You can start your own topic by clicking this button: https://imgur.com/a/AnoSPNb, or using this link: open a new thread.
Best regards,
RikardThere is an option under the CAPTION tab to add a link to the slide image or button. We tried both the button and image links and it only works on computers, not mobile devices. FYI, on mobile devices, the button doesn’t even appear.
See this screenshot for reference: https://ibb.co/hykWZZg
So, should we just give up and assume the slider links (buttons or images) are just not possible on mobile? I feel like I’ve wasted a lot of time trying to explain the issue to you guys and it seems like you keep missing the point I’m trying to make. I’m sorry if I come across as rude, but most of the time I’ve found the Enfold support responses to be pretty much on target.
In reply to: theme capability
Hey Ron Osterman,
Thank you for your interest in Enfold.
Well, the big header can be done with the using a slider on top of the page and the transparent header, like in the demo here:
The floating button will have to be added by a plugin or some custom css, as we don’t have the floating button in the theme out of the box.
You can see more demos here:
Best regards,
VictoriaTopic: Styling Form Calendar
Hi
We implement a new website with Enfold.
We also use your forms with date (calendar) fields.
Unfortunately the styling is not so nice, the button “Vorangegangen” (previous) comes over the month dropdown.
Is there a possibility to style the calendar, change the button texts etc.?
Another question is if it is possible to change the icon of the blog posts list.
See more information in the private content section.
Thanks very much.
Best regards
MikeIn reply to: Change Woocommerce term for "Cart"
Hi,
You will need to use your webhost’s “file manager” then you can copy the “footer.php” to your child theme.
In the file manager go to your parent theme “enfold” and click once on the footer.php to select it, then click on the “copy” button, then a popup will allow you to enter the path to your child theme, I assume it’s “enfold-child”, just enter the correct path.
Otherwise, you can use FTP and download the footer.php from your parent theme and then upload to your child theme.Best regards,
MikeHi there.
After last Enfold Theme upgrade, a shortcode section appeared on top of each page while editing, leaving Avia Layout Builder bellow. Each time I click on Update button, refresh action turns very slow due to displaying shortcodes again. How could I hide this section in order to only see Avia Layout Builider?
Thank you.
In reply to: Fullscreen slide show button mobile
Hi Victoria,
thanks for your answer and the code!
Unfortunately the code does not work in “Quick CSS” or in “Appearance > Editor > Style.css”. I don’t know how to edit the CSS File on the FTP. Is their any other way to do this apart from putting it into “into themes/enfold/css/custom.css”?
Here’s a link to a mobile screenshot where the “button-problem” is visible: https://ibb.co/88ydJZr
Thank you & best regards,
MikeTopic: theme capability
My wife has a certain look she wants for her website. She has a large logo and a short biography that she wants across the top header. Most of the WordPress themes I see have a narrow top header with a few hyperlink buttons and a place for a very small logo. Can Enfold allow for a larger top header where she can have the logo on the left, the bio on the right and below that a normal button bar that doesn’t scroll off the page when people scroll. Her website will be at least 26 separate page sections.
In reply to: Demo for illustrations
Hi Jordan thanks . Thanks a lot for the answer. I downloaded the enfold theme again, but I have a doubt. I read on enfold that I had to select the files to upload, so I didn’t load the whole Themeforest zip folder, but only the zip enfold and psd.zip folders. I must also upload documentation, license, licensing and version.txt, inserting them in “public_html? I have also uploaded the child theme and a demo. I use wp on siteground.
Now, however, I can’t load any plugins because there is no “add new plugin” button . Can you help me? Do you think I did something wrong?
And finally I having reloaded both wp and enfold do you think I can upload some pages and posts that I had backed up by Wp, without database, or do I have to rewrite them from scratch? I hope I was clear Thanks SerenellaIn reply to: change color in menu
Hi Franz,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text { color: blue; } #top #wrap_all .header_color .av-menu-button-colored > a:hover .avia-menu-text { color: red; }If you need further assistance please let us know.
Best regards,
VictoriaIn reply to: I have already purchased Enfold
Hey Corina B,
There’s a big blue button on top of the Enfold sub forum, please click that in order to open a new thread on the support forum.
As for your problem; the theme doesn’t add anything like that. Could you try disabling all plugins to see if it’s coming from one of them please?
Best regards,
RikardHallo liebes Kriesi Team,
Zu allererst ich liebe Enfold und verwende es sehr gerne für meine Kunden. Diese auch alle sehr gut damit klar kommen! Grosses Lob an eure grossartige Arbeit.
Zu meinem Problem: ich kämpfe mit den Sprungmarken. ich möchte auf meiner bestehenden Startseite durch klick auf einen Button- zu einer anderen Seite gelangen. Dort aber zu einer bestimmten Farbsektion. ID habe ich eingetragen. leider funktioniert es nicht. ich habe mir auch schon verschiedene Beiträge durchgeleden. verstehe sie nur leider nicht. was ist mein Fehler?
danke für eure Hilfe
lg monikaTopic: Problem with button
Hello i have a problem to add a Enfold Button in my blog with Classic Editor.
When I create the button and insert a text inside it, the text inside the button is displayed with the text “Click me” instead of the text I wanted to insert.
How can fix this problem?I have upload a two screenshot:
In private content section i have insert the url of my blogpost!
