Hi Synthea79,
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 input[type=search] {
padding: 13px;
margin-bottom: 10px;
}
.woocommerce-product-search button[type=submit]{
background-color: #f3ffde;
color: #658529;
border-color: #d1ddbc;
margin: 0;
border-radius: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
font-weight: 400;
font-size: .92em;
width: 100%;
padding: 13px 10px;
outline: none;
}
Next time, please refrain from replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.
If you need further assistance please let us know.
Best regards,
Victoria
Hey ZikomoWebdesign,
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
.avia_cart_buttons .button-mini-delimiter {
display: none;
}
If you need further assistance please let us know.
Best regards,
Victoria
the title tag was not supported by WordPress anymore.
that was a surprise for me too. But if you look in (not enfold !- wordpress) wordpress / wp-admin / includes / ajax-actions.php line: 3251:
$title = ''; // We no longer insert title tags into <img> tags, as they are redundant.
i discussed it with Günter to get back the attachment title to the images inserted via “Add Media” in text-block : https://kriesi.at/support/topic/images-with-link/
we/he found a way to newly inserted images via an existing filter – but allready inserted Images are not touched by this.:
https://kriesi.at/documentation/enfold/image/#add-title-attribute-to-new-inserted-image-via-add-media-button
Hello.
I am looking for a way to place a custom widget area in the middle of a page, not in a sidebar or other. The widget contains a calendar and is the main item of the page.
The plugin demo informs that it has been designed to show an Add-calendar-button when creating a page – but this button doesn’t show in Enfold. I contacted the plugin’s customer service and they suggested I use a widget. The widget does show with all the other widgets, but I don’t know how to place it on the page.
Thanks in advance
Kim
Hi Rikard, Would you try again please?
I have paid another person to try to solve my video play problem. To avoid you both are working at the same time I changed the pasword. I didn’t know when the other person has time to solve my video problem, he finished. He told the Enfold theme can’t work with the plug-in Learnpress.
I have still the video play problem. :-( And my course attendees are starting impatient and like to start. And 1 am losing customers (is money).
I am strugling with this since December 2020
Would you try again please?
You may do all what you like, even if it harms my website, it doesn’t matter! I have a good back-up system.
When I updated to the latest wordpress version, the problem becomes worse. Even the insert image button at the same page didn’t work any more.
If you can’t solve the video problem I have to buy other themes for all the websites I have to make. :-(
I really hope you can solve my video play problem.
-
This reply was modified 4 years, 11 months ago by
merlijn.
Hi,
I dont know if there is already a topic about this, but could not find it actually.
I am using Enfold and Woocommerce for a website. However the product have Cart Button (Show details and Add to cart) those are separated by a white line. (see screen)
How can I delete this white line, it looks like its in the avia_cart_buttons but i cannot find a separator in this class.
Can you help me out?
Kind Regards,
Hans Kroeze
Dear Enfold-Team,
I am noticing a weird behavior in the backend:
– in developer tools the field for custom css-class appears twice
– the same happens in the custom element template with the “custom element” button
I have attached links to screenshots below.
Any idea how to fix this?
Thanks,
Patrick
Olá Nikko,
Thanks for your reply.
My website is : https://brancadeneve.org/inicio
Look this image to see what I need to do, I do not want to edit all, just one of the sub-buttons.
https://brancadeneve.org/onlinefiles/Enfold_1.jpg
Can you please explain to me how the CSS and HTML works on the Menu Button?
https://brancadeneve.org/onlinefiles/Enfold_2.jpg
Thanks and Rgds
Joao
-
This reply was modified 4 years, 11 months ago by
bigamist.
After generating the google map api as per the instruction (https://kriesi.at/documentation/enfold/google-map/#how-to-register-a-google-maps-api-key)
I am still getting errors.
Check API Key
Could not connect to Google Maps with this API Key.
Troubleshooting:
Check if you typed the key correctly.
If you use the restriction setting on Google try to remove that, wait a few minutes for google to apply your changes and then check again if the key works here. If it does, you probably have a syntax error in your referrer url
If none of this helps: deactivate all plugins and then check if the API works by using the button above. If thats the case then one of your plugins is interfering.
Do you have an updated guide ?
Please help.
Hi Aidan,
Please edit the Button Row > Advanced (tab) > Developer Settings > Custom CSS Class put: my-buttonrow then save.
Go to Enfold > General Styling > Quick CSS, then add this CSS code:
.my-buttonrow .avia-button {
opacity: 0.7;
}
Best regards,
Nikko
Hi João,
Can you try to go to Enfold > Advanced Styling > (Select an element to customize) choose Small bar above Main Menu, click Edit Element button.
This should open up a box below it for styling Top Menu (just adjust it).
If that does not help, please give us a link to your site.
Best regards,
Nikko
Hi Hanna,
Please follow the steps below:
Make a backup:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/
Option 1: Use Envato Market to update your site
– link: https://envato.com/market-plugin/
Option 2: Update manually
1. Login to ThemeForest and download the Enfold theme, right-click over the downloaded zip file and extract/unzip it.
2. It should generate a new folder, open it and look for the enfold folder
3. Right-click the enfold folder then zip it, here’s a tutorial on how to create a zip file in windows: https://www.howtogeek.com/668409/how-to-zip-and-unzip-files-on-windows-10/ (this should create enfold.zip
4. Log in to WordPress as and Admin.
5. Install and activate a maintenance plugin and put your site in Maintenance mode.
6. Go to Appearance > Themes, switch to a default WordPress theme like TwentyTwenty then delete Enfold.
7. Click on the ADD NEW button.
8. Click on the UPLOAD THEME button.
9. Click BROWSE and choose enfold.zip file
10. Click the INSTALL NOW button and switch to Enfold or your child theme.
11. Remove the maintenance mode then deactivate and remove the maintenance plugin.
Register the theme by following the instructions in https://kriesi.at/documentation/enfold/theme-registration/
Once this is done, the next time you update, you’ll only need to go to Enfold > Theme Updates and click on the Update button.
Best regards,
Nikko
I’ve deactivated plugins to see if there’s a conflict but nothing is working. I even purchased a new theme from themeforest and uploaded the new theme files, wondering if my last one was corrupted. I’m still having the same problem. I can enter numbers but I can not enter text. I can’t even copy and then paste the text into the field. The only one that appears to work is the text block. Buttons, icons, special headings, etc….none of those will allow me to enter text into the field (e.g. replace “Click Me” with actual text.) Any help is appreciated since the site is basically down until I can redesign it in the Enfold theme. Thank you!!
Hi ADLER66,
Please follow the steps below:
Make a backup:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/
Option 1: Use Envato Market to update your site
– link: https://envato.com/market-plugin/
Option 2: Update manually
1. Login to ThemeForest and download the Enfold theme, right-click over the downloaded zip file and extract/unzip it.
2. It should generate a new folder, open it and look for the enfold folder
3. Right-click the enfold folder then zip it, here’s a tutorial on how to create a zip file in windows: https://www.howtogeek.com/668409/how-to-zip-and-unzip-files-on-windows-10/ (this should create enfold.zip
4. Log in to WordPress as and Admin.
5. Install and activate a maintenance plugin and put your site in Maintenance mode.
6. Go to Appearance > Themes, switch to a default WordPress theme like TwentyTwenty then delete Enfold.
7. Click on the ADD NEW button.
8. Click on the UPLOAD THEME button.
9. Click BROWSE and choose enfold.zip file
10. Click the INSTALL NOW button and switch to Enfold or your child theme.
11. Remove the maintenance mode then deactivate and remove the maintenance plugin.
Register the theme by following the instructions in https://kriesi.at/documentation/enfold/theme-registration/
Once this is done, the next time you update, you’ll only need to go to Enfold > Theme Updates and click on the Update button.
Best regards,
Nikko
Hi Sumeru,
The problem is caused by the incompatibility of an old version of Enfold (4.7.3) and WordPress 5.7, you’ll need to update to the latest version (4.8.1) for it to work properly, please do the following steps:
First make a backup:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/
Option 1: Use Envato Market to update your site
– link: https://envato.com/market-plugin/
Option 2: Update manually
1. Login to ThemeForest and download the Enfold theme, right-click over the downloaded zip file and extract/unzip it.
2. It should generate a new folder, open it and look for the enfold folder
3. Right-click the enfold folder then zip it, here’s a tutorial on how to create a zip file in windows: https://www.howtogeek.com/668409/how-to-zip-and-unzip-files-on-windows-10/ (this should create enfold.zip
4. Log in to WordPress as and Admin.
5. Install and activate a maintenance plugin and put your site in Maintenance mode.
6. Go to Appearance > Themes, switch to a default WordPress theme like TwentyTwenty then delete Enfold.
7. Click on the ADD NEW button.
8. Click on the UPLOAD THEME button.
9. Click BROWSE and choose enfold.zip file
10. Click the INSTALL NOW button and switch to Enfold or your child theme.
11. Remove the maintenance mode then deactivate and remove the maintenance plugin.
Register the theme by following the instructions in https://kriesi.at/documentation/enfold/theme-registration/
Once this is done, the next time you update, you’ll only need to go to Enfold > Theme Updates and click on the Update button.
Best regards,
Nikko
Hi lle-it,
For the buttons it’s similar step with Post Slider but different files to copy (you can skip step 1 & 2):
1. (skip this step if you have a child theme) Download and use a child theme. You can download and find instructions on how to use it here: https://kriesi.at/documentation/enfold/child-theme/
2. Follow the steps provided in: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb
3. Copy wp-content > themes > enfold > config-templatebuilder > avia-shortcodes > buttons folder to wp-content > themes > enfold-child > buttons folder.
4. Edit buttons.php in the child theme and replace with this code: https://pastebin.com/7BKhNmiT
Once done, edit the Button and it should have Aria Label Text in the backend.
Hope this helps.
Best regards,
Nikko
Hi,
i made the Enfold Theme Update, and the Woocommerce cart donst work good,
The update button and Delete dont work good
What can i do?
I Aprecciate your Help!
Webseite Link
Hi bibi1234,
Thanks for providing us admin access.
I see that you are still using Enfold 3.8.4 which is the reason why you are experiencing the issue, please update your site first to the latest version (4.8.1) and that should fix the issue.
First make a backup:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/
Option 1: Use Envato Market to update your site
– link: https://envato.com/market-plugin/
Option 2: Update manually
1. Login to ThemeForest and download the Enfold theme, right-click over the downloaded zip file and extract/unzip it.
2. It should generate a new folder, open it and look for the enfold folder
3. Right-click the enfold folder then zip it, here’s a tutorial on how to create a zip file in windows: https://www.howtogeek.com/668409/how-to-zip-and-unzip-files-on-windows-10/ (this should create enfold.zip
4. Log in to WordPress as and Admin.
5. Install and activate a maintenance plugin and put your site in Maintenance mode.
6. Go to Appearance > Themes, switch to a default WordPress theme like TwentyTwenty then delete Enfold.
7. Click on the ADD NEW button.
8. Click on the UPLOAD THEME button.
9. Click BROWSE and choose enfold.zip file
10. Click the INSTALL NOW button and switch to Enfold or your child theme.
11. Remove the maintenance mode then deactivate and remove the maintenance plugin.
Register the theme by following the instructions in https://kriesi.at/documentation/enfold/theme-registration/
Once this is done, the next time you update, you’ll only need to go to Enfold > Theme Updates and click on the Update button.
Best regards,
Nikko
Hey guys,
Hope you’re all doing great.
I’m wondering whether the Enfold theme elements such as forms, buttons, and links require CSS, JS, and or HTML code additions in order for me to set up Conversion Tracking through Click IDs, Click URLs, Click Texts, Click Classes, and Click Elements? … I’ve been trying to set some events and triggers up, but haven’t managed to get these specific elements so in my limited knowledge on the programming subject, I presumed I just had to disable CCS and JS code compression from the “Performance” option (Enfold theme settings) in order to get clear identifiers for buttons, but I certainly didn’t after changing those particular settings. So at this point I would like to know how can I get theses identifiers to properly use them in GTM, pls?
Thank you in advance.
Kind regards!
H
-
This topic was modified 4 years, 11 months ago by
hacart.
Dear Support team.
I’m happy with enfold website in past days. but recently after updating. my popup window disappear.
when visitor click the “Ask A Quote” button. there’s a cf7 contact form coming on a modal window before.
but now it just go to the top when click. you can check the code:
<h3>Ask A Quote</h3>
<div id=”test-popup” class=”white-popup mfp-hide”>
[contact-form-7 id=”7887″ title=”Contact form 1″]
</div>
and the PHP function code has be done before:
function popup_inline() { ?>
<script type=”text/javascript”>
jQuery(window).load(function(){
jQuery(‘.open-popup-link’).magnificPopup({
type:’inline’,
midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don’t provide alternative source in href.
});
});
</script>
<?php }
add_action(‘wp_head’, ‘popup_inline’);
CSS code is also write into the CSS file beofre.
now the function is not working. could you please help me with this?
Hi,
Thanks! I added following code to Quick CSS field in Enfold theme options > General Styling tab which would fix the issue however I still believe there is some sort of server side caching as this change has not applied yet
avia-buttonrow-wrap {
clear: both !important;
}
If you are able to clear server cache, could you please do so, so we can confirm? :)
Regards,
Yigit
Hey Steve,
Thanks for contacting us!
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
#top #wrap_all #header .av-menu-button > a {
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
}
If that does not help, please post a screenshot and show the changes you would like to make. You can upload your screenshots on imgur.com and post the links here :)
Regards,
Yigit
Hi,
I have just purchased Enfold theme and when I create new pages the ‘Advanced Layout Editor’ button doesn’t work.
Nothing happens when I click it. All I have on the screen is the default WordPress title and body sections.
I have imported pages from a previous Enfold install with pages with the Avia layout showing, however if I click the ‘default editor’ button on those pages and then click the ‘advanced layout editor’ button the Avia layout section will not appear anymore.
I have the latest WordPress and enfold theme installed with no other plugins installed.
Hi,
We added a slightly modified filter to our docu:
Best regards,
Günter
Hey davidscandroli,
Here are the docs for you:
If you need further assistance please let us know.
Best regards,
Victoria
Hey Andreas,
Here are the docs for you:
Do you want the same color on hover for all icons?
Best regards,
Victoria
but nevertheless – i resetted one of my testpages – with enfold avia_reset button.
i emptied my child-theme functions.php – when i insert a new gallery – even make the setting of “Lightbox image description text” before inserting the images to the gallery – the lightbox shows the title. It seems that the lightbox images still take the title from the img and not from the anchor-tag. (and that is normal behavior on magnific popup titleSrc.
Again : i would have expected that there is no text in the lightbox.
_____________
@rob:
div .mfp-title { display: none !important;}
is working on that testinstall ( WP5.7/Enfold4.8.1) – and – yes you had to refresh all merging and browser cache etc. pp. if there are other caching tools too.
btw. rob an error like this in your konsole : Uncaught TypeError: e.indexOf is not a function

often comes if the new jQuery 3.5.1 is confrontrated with script like $(window).load(function(){
– that is deprecated code
replace instead : $(window).on('load', function(){
.click(function() with .on('click', function()
you got it in:
jQuery(window).load(function(){
jQuery('#wrap_all a').removeAttr('title');
jQuery('#wrap_all img').removeAttr('title');
jQuery('.av-masonry-image-container').removeAttr('title');
});
have a look if there are other places you use the mentioned above.
Hi Mike,
Thanks for looking into this. I respect your conclusions, but I know what I saw on my site. Don’t worry so much about the tone, we’re all adults and can handle a little friction at times :-)
If I test with the latest theme version on a clean slate, indeed the CSS trick works on created masonry galleries like it should. But on my live site it did not (not even with div or #top specificity added). Could it be that the merge of CSS and JS played a role in the difference of behaviour before and after I saved those settings again?
Like you said, after the event it’s always difficult to assess an issue. There could indeed have many customizations in play, or even a certain version of the theme (with galleries created before the lightbox text options and lazy loading were added) behaving a certain way after the update.Btw, I used the Perfect Grid ones, don’t know if that plays a role.
I resorted to the manual fix of the galleries because I did not want the site to have the filenames below the lightbox images on all galleries. So now I have no way of going back to the original issue.
I’m sure the dev team takes great care in preparing and testing updates, and I’m always very content with Enfold. But there are just too many possible scenarios in people’s customized sites (and version update skips) for the team to cover all in advance, so that’s not a critique.
My remark about the “default action” was about the “image caption or image title if empty” and the “image description or image title if empty”. My choice would have been “or no text if empty” in those two cases.
So let’s just say I ran into an unfortunate collision of circumstances. And thanks again for looking into it.
Rob
P.S.
Guenni007, thank you also for looking into it.
Added remark:
There is an important distinction here which is of note. Normal portfolio galleries, when re-saved with the new options, do add the lightbox_text='no_text' field in the code. BUT…when a gallery has been previously added to a Blog Post (through the Insert Theme Shortcode button), before the option existed, then the only way in which this field can get added to the code later is by inserting it manually. Which is what I had to do.
-
This reply was modified 4 years, 11 months ago by
rob2701. Reason: Added remark about masonry galleries in blog posts
Hi David,
I see, I apologize I misunderstood your first post.
This is not a bug but how pagebuilder works, when you enable pagebuilders like Enfold’s Advanced Layout Builder, the content area is emptied and everything is manually added.
If you want to place Comments and Social Share Buttons, you’ll need to add them (you should see them under Content Elements).
Best regards,
Nikko
Hello,
I have an issue with a button that invokes a video modal popup.
When I click the button, the the modal pops up with the video embedded successfully, but it does not start playing automatically.
These are the different URLs I have tried for the button:
https://www.youtube.com/embed/RD01nHuYIks?autoplay=1&iframe=true
https://www.youtube.com/embed/RD01nHuYIks?autoplay=1&iframe=1
https://www.youtube.com/embed/RD01nHuYIks?autoplay=true&iframe=true
https://www.youtube.com/embed/RD01nHuYIks?autoplay=true&iframe=1
There are no javascript errors either.
Looking at the embed code from Enfold, it doesn’t follow the embed code that YouTube expects for autostart, in particular I don’t see the ‘allow’ attribute in the code with the various values it expects.
Here is what I am seeing with the Enfold theme code:
<iframe class="mfp-iframe" src="https://www.youtube.com/embed/RD01nHuYIks?autoplay=true&iframe=true" frameborder="0" allowfullscreen=""></iframe>
Here is what YouTube expects:
<iframe width="560" height="315" src="https://www.youtube.com/embed/RD01nHuYIks" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Please advise how to get my video to play automatically.
Thanks.
-
This topic was modified 4 years, 11 months ago by
Michael.