Hi goldengate415,
Yes, instead of using Custom ID Attribute use Custom CSS Class instead and put rounded-button
Then in Enfold > General Styling > Quick CSS, add this CSS code:
#top .rounded-button a.avia-button {
border-radius: 20px;
}
Just adjust the value as you see fit.
Hope it helps.
Best regards,
Nikko
Hey chr_thiesen,
Thank you for the inquiry.
The videos are not playing automatically on page load anymore because of the privacy options, users have to manually accept or toggle the privacy buttons in order to enable external services including youtube videos, maps and other third party scripts that requires or uses cookies. If you want to enable autoplay even when the privacy options are enabled, you have to set the Enfold > Privacy & Cookies > Cookie Handling to the first or second option.
Best regards,
Ismael
Hi Serena,
Enfold is compatible with Gutenberg, but the Enfold layout builder and the Gutenberg editor are separate from each other. If you create a new page then the Gutenberg editor will be active, and it you want to switch to the Enfold editor, the you can click the Advanced Layout Editor button at the top of the page.
Best regards,
Rikard
Hello,
I took over a client site recently that has the Enfold them and Avia Advanced Layout Builder. I purchased a license, deleted the old themes, uploaded the new ones (on a test domain) but cannot edit any of the content with the Layout Builder. It will allow me to add new Layout Elements and add Text Blocks but it will not allow me to edit any other Content Elements- headers, buttons, etc.
Any help would be appreciated
Good morning. In enfold you have the ability to view social sharing buttons only in the blog. What if I wanted to display them on the pages?
Hi jd2011,
Thanks for giving us access.
It seems you are still using Enfold 3.3.2 and have updated WordPress to 5.6 which is incompatible.
Please update it to the latest version of Enfold (4.7.6.4) but first, backup your site:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/
Then do the following steps:
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 Chris2234,
First backup your site:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/
Then do the following steps:
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 Enfold team!
I have a grid row with background images placed in them so that I can overlay my text and button. It looks great on desktop but on mobile the background is not vertically centering behind the text, and the text is pushed all the way to the top while the background image is bottom centered. I’ve included some screenshot links in the Private Content so you can see what I’m referring to there!
The only thing I can think of is adding Whitespace and hiding that content for large screens, and while it does get that background and content closer together it still adds a lot of padding around the elements on mobile.
Any workarounds/insights would be appreciated!
Thank you in advance.
Hi Anamitra,
Thanks for providing the link.
Go to Enfold > Advanced Styling > click (Select an element to customize) then choose Main Menu Links, then click on the Edit Element button.
This should show a box below it, change the Font Color, then check Apply only to mouse hover state.
Hope it helps.
Best regards,
Nikko
Hi sensiblekaren,
Go to Enfold > Advanced Styling > Click (Select an element to customize) then choose Widget Title and click the Edit Element button, then adjust the font size.
Hope it helps.
Best regards,
Nikko
Hi shihanze,
I see, try adding this CSS code in Quick CSS, located in Enfold > General Styling:
.pagination .pagination-meta {
font-size: 13px;
font-weight: bold;
}
For the price filter text:
.price_slider_wrapper .price_label {
font-size: 15px;
font-weight: bold;
}
For the price filter button text:
#top .widget_price_filter .button {
font-size: 15px;
font-weight: bold;
}
Just adjust the font sizes.
Hope it helps.
Best regards,
Nikko
Hi,
Thank you, I see a test page, linked below, but I don’t see “RSPV jetzt!”, on your page is it “Teilnehmen”?
I added the code to the end of your Enfold > functions.php and adjusted it to look for “Teilnehmen” and change it to “Registration” and now your button says: “Registration”
Please clear your browser cache and check.
Best regards,
Mike
Hi,
I want to use a custom class in a button-shortcode. But I am not able to add one.
They all say I have to enable Theme Options -> Layout Builder -> Builder Options For Developers, but in my backend I cannot find those options as shown in https://kriesi.at/documentation/enfold/intro-to-layout-builder/#developer-options
My aim is to add a custom class to this button-shortcode which I use in a widget:
[av_button label='Aktuell: Zum virtuellen Infoabend!' link_target='https://chs-em.de/info-uebersicht/' size='large' position='center' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-5obiu2i']
Thanks in advance!
Hi I would like to add the “add to cart”-button to a product grid:
I’m using the Enfold Shop demo with woocommerce.
thsnks!!
On my website m24o.net I have a shopping cart, which will appear on a pop-up window when something is put into the cart (example https://www.m24o.net/product/milan-city-tour-3-days/). Since one of the latest updates or from Enfold or from WP the popup window doesn’t appear anymore. Please tell me how the function can be reactivated. I am sending you the shortcode of the function PHP that I have found some time ago on your developer website. Thank you for help and best regards Olaf
//—————–popup——————
function add_custom_script(){
?>
<script type=”text/javascript”>
jQuery(window).load(function(){
jQuery(‘.open-popup-link’).magnificPopup({
type:’inline’,
midClick: true
});
});
</script>
<?php
}
add_action(‘wp_footer’, ‘add_custom_script’);
/*Click this button to open form in lightbox
<div id=”test-popup” class=”white-popup mfp-hide”>
YOUR SHORTCODE GOES HERE
</div>*/
I am using a plugin to display property listings called Real Estate Pro (https://codecanyon.net/item/real-estate-pro-wordpress-plugin/13245602) and ran into an issue when clicking on the buttons to add a featured image or images to the image gallery for a listing. When you click on the buttons, nothing happens. I contacted the plugin developer and he said it was an issue with the latest version of Enfold and referenced this post:
https://kriesi.at/support/topic/wp_enqueue_media-not-working-on-frontend-after-latest-update/
I see that post is from 2018, so it would be an issue with a previous version of the theme. But I think the same thing is happening here. I am using version 4.7.5 of Enfold on our staging copy of the website and the image upload option in the plugin works fine. The live website with the issue is using version 4.7.6.4. So it does look like the issue happened after updating Enfold.
Any help with this would be great. Thanks.
Hi Marcus,
Sorry for my late reply. We are going to release new version of Enfold very soon and I have been busy with testing lately.
What icon do you see if you add the code i gave you into one of your installations?
I do not see any icons. I enabled debugging mode ( https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode ) on my local installation and inserted your shortcode there and then edited Button elements however “Show Button Icon” field is set to “No Icon”. You can also see that in your shortcodes
icon_select='no'
When I choose “info” icon, icon code is updated in shortcode on my end – https://imgur.com/a/7tyy5X3
Could you please have a copy of your page and then enable shortcode parser – https://kriesi.at/documentation/enfold/intro-to-layout-builder/#shortcode-parser and update the page using “Auto repair function enabled” – https://imgur.com/a/uj94ukL and check if that helps?
Best regards,
Yigit
AnnikaGuest
Hi.
I bought your theme Enfold from ThemeForest. I got purchase code: 3f479db5-cbdb-4bb8-9778-46b113e5f189. Problem is that Advanced Layerslider stopped working. When I click to Activate button and enter my code I get answer “Invalid licence key”. I need Your help with this problem ASAP. Thank You!
I’m wondering if this is “normal” or if it happens only on my end, but every time I click on an Enfold button or toggle (i.e. the accordion element) there’s a black border that shows up.
It doesn’t only happen on my website but on every website that uses Enfold, even kriesi.at: https://prnt.sc/xr3otv
For information, I use the latest Chrome version on Windows 10.
After recent updates to Enfold, the accordion toggle icon is no longer aligned with the adjacent title. The position of the ‘+’ sign is 8 to 10 pixels higher than the baseline of text. I don’t believe it was aligned perfectly before, but it was definitely better. Is there a way to lower the toggle icon or raise the title so they match?
Hi, I’ve set the Enfold theme in Dutch. How can I found where to change either the colour of the read-more button, of the colour of the text on that button at the blog page? I cannot find the options for styling, in Enfold > general Style.
(The problem beiing textcolour overall is white, and button colour is white. Hover-over text colour is purple, but I want people to recognize the button, and with white on white ppl cannot see that. )
-
This topic was modified 5 years, 3 months ago by
jgooiker.
Hi,
Thank you for the login, I added the first block of code above [css] to the WordPress > Customize > Additional CSS
this is what changes the sort on the right, and I updated and added the second block of code to your WordPress > Appearance > Editor > Enfold > functions.php this is what changes the “All” on the left.
This is the updated code:
function custom_script() { ?>
<script>
(function($){
$(document).ready(function(){
savvy = {
UFCW5: function() {
$("#top.home #av-masonry-1 .av-masonry-sort").each(function(){
if ($('.av-sort-by-term .all_sort_button').hasClass('active_sort')) {
$('.av-current-sort-title > span > span').text(function(index, text) {
return text.replace('All', 'UFCW5');
});
} else {
}
});
}
};
savvy.UFCW5();
});
$('.all_sort_button').on('click', function(){
setTimeout(function(){
savvy.UFCW5();
},5);
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');
This seems to be working correctly, please clear your browser cache and check.
Best regards,
Mike
Hey bemodesign,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.home #full_slider_1 .slideshow_caption {
padding-top: 5px;
}
.home #full_slider_1 .avia-slideshow-button {
margin-top: 0;
}
}
Best regards,
Rikard
1: No, i cant migrate this one to a life server since i have already at least 4 life-areas (two für marcusjeroch and another two for jeroch-verlag). Sorry.
We need to troubleshoot it this way
2: Yes, it is a fresh one, the installation was from scratch and no imports have been done on this one.
But i started with this project almost 1,5 years ago and since then there have been quite some themeupdates.
Fact: I added price icons on a lot of pages, now there are “invisible” musical notes…and it happened at the same time.
and as far as i remember it happened around the same date when Enfold had that well known issue with the sharing buttons coming up with one of your last updates.
Maybe you should research in this direction?
Question:
What icon do you see if you add the code i gave you into one of your installations?
Or other: Whats the icon ue800 supposed to print out?
Marcus
Hi mattamusic,
Please try follow the procedure:
Backup your site:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/
Then do the following steps:
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
What I’m trying to do:
When hovering over main header text items want them to turn the enfold blue we have set:
—instead of the blue line on active we want the entire square blue, does that make sense? Like the button backgrounds in the theme
When hovering over sub menu headers want them to highlight blue as well but not have that text underline they do now
—Not sure how else to explain this. Can’t get rid of the underline and want the words highlighted blue
Hi Jolanda,
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-cookie-consent {
background-color: #fff;
color: #444;
}
.avia-cookie-consent a.avia_cookie_infolink,
.avia-cookie-consent p,
.avia-cookie-consent .avia-cookie-consent-button {
color: #444;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
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 .single_button .button, #top #wrap_all .shop_columns_5 .avia_cart_buttons .button {
float: left;
width: 50%;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hey DeMamp,
Please try to add the following codes in Enfold > General Styling > Quick CSS.
For the Price:
#top .price span {
font-size: 22px;
font-weight: bold;
}
For the Add to Cart button:
#top .single_add_to_cart_button {
font-size: 16px;
font-weight: bold;
}
Hope it helps.
Best regards,
Nikko
Hey RosannaK,
Thank you for the inquiry.
1.) Are you using a plugin for the colour swatch? Have you tried selecting the Woocommerce 3.0 Gallery in the Enfold > Shop Options? Please provide a link to the product in question so that we could check it properly. You may need to contact the plugin developers for additional assistance.
2.) There should be a stock info beside the add to cart button (ex. 2 in stock) by default, so users should not be confused when they could not add more items. It is possible to change the text of the add to cart button when the user reached the stock limit, but it will require a bit of modification. You have to check for the value of the quantity field each time the increase quantity button is clicked and compare it to the max attribute value, and adjust the text of the cart button accordingly.
Best regards,
Ismael