-
Search Results
-
Hi Victoria,
I will break it down for you.
I want to create a full-width sticky button above the header.
I did the following to implement it
**In Header Widget I have added**[av_button_big label='DONATE' description_pos='below' icon_select='yes-left-icon' icon='ue806' font='entypo-fontello' link='manually,https://www.humanitycarerelief.org.uk/donations/support-humanity-care-relief-projects/' link_target='' size='large' position='center' icon_select='yes' icon_hover='aviaTBicon_hover' icon='ue82b' font='entypo-fontello' color='custom' custom_bg='#db332a' custom_font='#ffffff' admin_preview_bg=''][/av_button_big]
**In Function.php I am adding**
add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}**In Quick CSS I have added**
@media only screen and (min-width: 990px) {
#header .widget { display: none !important; }
}custom_html-2 .custom-html-widget {padding: 0 50px; width: 767px;
margin: auto;}
#custom_html-2.widget {background-color: #ffcd03;}
#custom_html-3 .avia-button.avia-size-large {
font-size: 20px!important;
}
@media only screen and (max-width: 767px) {
#custom_html-2 .custom-html-widget {
width: auto;
}
}
#header .widget {
left: 0;
top: -5px;
transform: translate(0%);
width: 100%;
padding: 0;
}Once I done that … then the layout of my website broke down.
See screen shot #1
https://www.humanitycarerelief.org.uk/wp-content/uploads/2021/01/Mobile-1.jpg
What’s wrong with this screen shot
1. look at the height of the button
2. where is the burger menu
3. it is showing social icons when it shouldnt show
4. Save Live in Yemen (it is showing two banners whilst top one is for Desktop and the bottom one for mobileSee screen shot #2
https://www.humanitycarerelief.org.uk/wp-content/uploads/2021/01/Mobile-2.jpgMobile view is showing 3 column when it should show each image in single column
See screen shot #3
https://www.humanitycarerelief.org.uk/wp-content/uploads/2021/01/Mobile-3.jpgSame issue as above
See screen shot #4
https://www.humanitycarerelief.org.uk/wp-content/uploads/2021/01/Mobile-4.jpgSame issue as above the whole mobile layout is broken.
I had to disable all the codes on the website as I wasn’t getting any response from the support team. Because I cannot leave the website in this state.
There is something wrong with the HTML code but I am struggling to figure out what.
Because as soon as I enable that this happens.
So far everytime I had a problem your support team has helped me but this time it’s been slow.
If you see this ticket and the other ticket I have provided login details at both of them so if you want you can login and enable those codes and see it yourself.
Looking forward to hearing from you.
PS. if you can give me exact UK time when you are online to see this then I can enable the code so you can see the live website being affect by this.
Kind regards,
Topic: Enfold child update
Hi,
A designer set up and installed Enfold Child for my wordpress site but did not prove me the token so that I can get updates. My menu button is now not showing up for the mobile version or rather the button is there but its blank. My site is atmbrokerage.com. How can I get this token?Hi, I’ve been there for two weeks and I can’t get the buttons right. I send the link of the page where I am doing the tests,
the background color changes but the text is still black and would have to change to white.Best regards,
FranciscoIn reply to: Upgrade version required
Hi Joaquim de Paulo,
Thanks for contacting us!
Since you are using Enfold 4.5.7, theme updates on that version uses API keys however Envato/ThemeForest have transitioned from using API keys to update into using tokens thus you can’t update via API keys so to update to the latest version you’ll need to do the manual process, please follow the procedure below once you have purchased Enfold:
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,
NikkoHi Margit,
Thanks for that. I added another instance of the main menu links under Enfold->Advanced Styling, and selected for it to only apply on hover. That works as expected on your site now.
The button styling can be turned on and off under Appearance->Menus under each menu item, in the Menu Style dropdown.
Best regards,
RikardIn reply to: enfold shop overview standard
Hi Jürgen,
Please try the following in Quick CSS under Enfold->General Styling:
.avia_cart_buttons { opacity: 1; }Best regards,
RikardIn reply to: Sticky Button for Mobile with custom link
This is what I am trying but the button is showing on the logo .. Rikard’s solution doesn’t work as it adds extra space above the header and makes the button completely out of line.
**In Header Widget I have added**
[av_button_big label='DONATE' description_pos='below' icon_select='yes-left-icon' icon='ue806' font='entypo-fontello' link='manually,https://www.humanitycarerelief.org.uk/donations/support-humanity-care-relief-projects/' link_target='' size='large' position='center' icon_select='yes' icon_hover='aviaTBicon_hover' icon='ue82b' font='entypo-fontello' color='custom' custom_bg='#db332a' custom_font='#ffffff' admin_preview_bg=''][/av_button_big]
**In Function.php I am adding**
add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}**In Quick CSS I have added**
@media only screen and (min-width: 990px) {
#header .widget { display: none !important; }
}custom_html-2 .custom-html-widget {padding: 0 50px; width: 767px;
margin: auto;}
#custom_html-2.widget {background-color: #ffcd03;}
#custom_html-3 .avia-button.avia-size-large {
font-size: 20px!important;
}
@media only screen and (max-width: 767px) {
#custom_html-2 .custom-html-widget {
width: auto;
}
}
#header .widget {
left: 0;
top: -5px;
transform: translate(0%);
width: 100%;
padding: 0;
}What I want to achieve.
I want to have a Full-Length Sticky Button above Header on Mobile ONLY. I don’t want the header (logo and burger menu to be sticky)
Right now my button is of full length but the layout of the whole website is broken. It is also showing the button on desktop but it shouldn’t as my CSS is telling it to hide the button on the desktop.
Please your help is urgently needed.
Kind regards,
hello rikard,
thanks for that.
doesn´t help at all.what we did yesterday / today:
upload transients manger, clear all
disable all plugins, testing after each disabeling
upload a fresh copy of enfold via ftpnothing works cool.
sometimes if i´m in the backend of a site the following helps:
click on the blue button “standard editor” –> then click on “layout architekt” and the layout archtiket appears.
–> feels like an “refresh” (strg and f5)could you do me the favour and check the backend again?
thanks a lot,
felixlHi! I have a few questions regarding Enfold.
My website is http://www.tnvirtualassistant.com– I need to create a few landing pages to showcase just a few products (2-3 only, not a whole shop) and I would like to add a PayPal button to ket the visitor buy straight away. Can you recommend any video tutorials or are able to share some materials on how to do it?
– I would like to make some changes only on the way some pages appear on mobile (not desktop). Is it possible on Enfold to edit the single mobile visualization (I know a few themes where that is possible, but couldn’t find anything regarding Enfold)?
– Some visitors told me they view the error message showed bottom left of this pic:
https://drive.google.com/file/d/1goGf_b0E4BGrFSQgTELTHxs0MerAHH_2/view?usp=sharing It basically says that it was not possible to upload the recaptacha checkbox I have on my contact forms. Is that an issue on visitor’s side or something I should fix?Thanks a lot for any help :)
Nicole
In reply to: Updating to latest versions of Enfold Theme
Hi Dave,
Thanks for contacting us!
And yes, Enfold is only sold in ThemeForest and it was previously using API keys to update the theme, however, Envato/ThemeForest have transitioned from using API keys to update into using tokens thus you can’t update via API keys so to update to the latest version you need to have access to the themeforest account used to purchase Enfold. If you don’t have access to it, then I would suggest using your account to purchase one and download the latest version from it, then you can follow this manual process of updating: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,
NikkoTopic: Creating a custom button
I need a button that works with events manager. I am using conditional placeholders to call the url. However, I cannot place them in the enfold button shortcode.
You can see the buttons here
Here is the code on the site, it produces a wonky button that doesn’t function.
<div class=”registration-button”>{has_att_bookingurl}<span style=”color:white;”>Click to Register</span>{/has_att_bookingurl}</div>(This was to see if there was an error calling the url)
<div class=”registration-button”><span style=”color:white;”>Click to Register</span></div>The url doesn’t function correctly. It leads to the wrong page.
Here is the css.
/* Buttons for registering on events pages*/
.registration-button {
border:#f70a3d;
border-width: .3px;
border-radius: .225em;
border:solid;
background-color:#bf0a31;
width:200px;
padding: 0.385em 0.923em 0.538em;
line-height: normal;
margin:8px;
text-align: center;
font-size:16px;
text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
margin: 0 auto;
vertical-align: left;
}.registration-button:hover {
border:#ebc4b5;
border-width: .3px;
border-radius: .225em;
background-color:#D3BCB3;
width:200px;
padding: 0.385em 0.923em 0.538em;
line-height: normal;
margin:8px;
text-align: center;
font-size:16px;
text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
margin: 0 auto;
vertical-align: left;
}.registration-button a {
color:white;
}Can you tell me how to get the button working?
Topic: Google map API problem
I am updating an old site made with Enfold. So far I have updated Enfold and WordPress.
Now I trying to repair the contact page which has a bug with the google map API.
I followed the tutorial: https://kriesi.at/documentation/enfold/google-map/#how-to-register-a-google-maps-api-key
but I always receive a error message :Unable to log in to Google with this API key, please try again with a different key
Troubleshooting:
1-Check if you typed the key correctly.
2- 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
3- 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.So, I verified the code (copy paste from Google), I set no restrictions and I tried to deactivate all my plugins and nothing work !
Your help would be appreciated !Hi Catelijne,
The temporary solution should fix any js issues which is caused by WordPress 5.6 changes.
If you purchase the Enfold in themeforest you can do the following to update the site to the latest version (this manual process is due to Enfold 4.4.1 using API keys however Envato has transitioned to using tokens):
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,
NikkoHi, I was wondering, for the Portfolio Grid in Enfold, is there a way to add a button to the title that appears upon hover. Right now you can add Title or Title & Excerpt, so when you hover over the image in the porfolio grid you see that. But, is there a way to add a “Learn More” button as well?
Trying to emulate what you see on this website https://www.spinxdigital.com/ – If you scroll down to the section where it says Recent Work – they have a grid with a Title and Subtitle, but also a button that says Explore Project.
Can we do that with Enfold?
Thanks!
In reply to: Scroll to top arrow
Hi,
Thanks for contacting us!
Please see – https://kriesi.at/documentation/enfold/footer/#display-scroll-to-top-button-mobile :)
If you would like to hide it on desktop, you can use following code@media only screen and (min-width: 990px) { #scroll-top-link { display: none !important; }}Best regards,
YigitThe slider on iPhone get too big arrows. The Text and the button and the arrows are overlapping. How to get the arrows out/disapear of the slider or how to get them smaler? Which solutuon is possible for a better layout? Which CSS I`ve get?
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
div.av-masonry-sort { background: #000; } div.av-masonry-sort .inner_sort_button span { color: #fff; }Best regards,
RikardIn reply to: Sticky Button for Mobile with custom link
Hi,
Thanks for the update. You can do that if you turn your header sticky on mobile: https://kriesi.at/documentation/enfold/header/#sticky-header-on-mobile. Then you can add the button in a widget: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area. We can help you out with styling, once you have added it.
Best regards,
RikardIn reply to: Sharing article to Facebook Personal Message
Hi,
Looks like this is a common issue with Facebook recently.
Have you tried to put the facebook sharer URL manually in the browser instead of clicking on the actual button? The theme just creates a button with the FB sharer link based on a certain pattern, which may look like the following.
https://www.facebook.com/sharer.php?u=https://kriesi.at/documentation/enfold/social-share-buttons/&t=Social%20Share%20ButtonsBest regards,
IsmaelWe have a web store setup using woocommerce. Today we have purchased the ‘Mix and Match’ plugin by woocommerce in order to allow customers to select multiple colours of their choice to purchase sets of 5 at a fixed price.
We have created a new product bundle and using the mix and match addition and the ‘Add to Cart’ button below the product list does not function. It also appears that as we add an item, the counter above the ‘Add to Cart’ button does not recognise the addition of a product.
We have disabled plugins to identify a possible conflict but no change and I see others have had the same issue that relates to the theme. I have tried the suggestions mentioned in other posts where similar issues have been experienced by other users and these did not resolve the issue so I now need to ask you for help.
Thanks so much for your assistance.
Best regards,
SteveTopic: Magnific Popup stopped
Hello Team,Have recently noticed that Code Block containing Magnific Popup has stopped working.
Running Enfold 4.7.6.4, WP version 5.6 and PHP version 7.4Code Block:
<div id="more-info" class="gallery-more-info mfp-hide">Enfold Child:
/* Lightbox styling */ button.mfp-arrow, .mfp-close{ background-color: rgba(100,100,100,0.8) !important; } .avia-popup{ background: white; opacity:1 !important; } button.mfp-arrow{ width: 50px; height: 70px; } /* Fixing x button position */ .mfp-zoom-in .mfp-figure, .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler{ -webkit-transform: none !important; transform: none !important; } button.mfp-close{ position:fixed; top:30px !important; right:30px !important; } /* More info lightbox */ #more-info { max-width: 800px; margin: 0 auto; padding: 30px; background: white; } #more-info div{ margin:20px 0; } #more-info button.mfp-close{ position: absolute; top: 0px !important; right: -50px !important; background-color:white !important; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: initial; max-width: 1024px; margin: 60px; }functions,php:
function gallery_more_info(){ ?> <script> jQuery(window).load(function(){ jQuery('.gallery-more-info-link').magnificPopup({ type:'inline', midClick: true }); }); </script> <?php } add_action('wp_footer', 'gallery_more_info');Please advise,
ofekw
In reply to: Enfold Upgrade
Hi Jason,
Thanks for contacting us!
The default process in doing theme updates is going to Enfold > Theme Updates however since Envato has changed from using API key to token, you won’t be able to update it in this way (manual steps below).
Also, if you have access to the account used to purchase Enfold you can proceed to the steps below, otherwise, I would suggest purchasing one with your account.Please backup your site first:
– 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.Best regards,
NikkoI see that it uses the enfold css styling color (red) but we want to change the hover color to a custom one. Can we do this in the contact form element?
Hi,
Please can you guide me how can I create a sticky button which only shows on mobile. I basically want to create a button which I want to create with custom link (e.g. Book Now or Donate Now) I will put my own link.
I want the button to permanently show on mobile screens when they are scrolling up and down.
I want to create this on multiple website I have on enfold. I will give you link to two in private section.
Your help is always appreciated.
Kind regards
Hey Ross-IT,
Please backup your site first, then try to do the following steps:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/
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.Best regards,
NikkoTopic: Enfold Woocommerce
Dear Support,
I used your theme to make a website. I would like to add an online catalog through WooCommerce plugin and I meet some design problems.
Indeed, I created a page to defined the main shop page and I have add woocommerce short codes to display categories.
When you choose a category, you will see a listing of products, I managed to delete right side bar and buttons through the theme options. Is there any other way to custom this page (like the previous one) ?Now, I would like to custom the product page and I don’t find how to do that.
On that link (https://kriesi.at/documentation/enfold/intro-to-layout-builder/) you mentionned a point which is called ‘Activate the WooCommerce Product page’ where you indicated that we can activate Advanced Layout Builder on single product page but there is no explaination on the way to do that.Could you, please, tell me how to custom single product page through theme options ?
Regards,
ThilakzanDear Kriesi-Team,
how are you? We hope you had a great start into 2021.
We kindly need your support, as we face an issue with our Enfold theme, when we update to WooCommerce 4.8. As soon as we update to WooCommerce 4.8. we face following issue:Within the checkout process after clicking the “Jetzt kaufen”-Button there is no redirection to any payment provider (PayPal, Mollie). Instead the user gets redirected directly to the order-received page (e.g. https://climbingsocks.com/woocommerce-4-8/?page_id=11&order-received=4988&key=wc_order_z8wzDCEmQbP56&wfocu-si=88ed7a089f3a3cae63c39292015670b1)
As a result we get the order with the status “processing” but without any respective payments in WooCommerce. In other words the checkout process skips the payment process, but flags the orders as “payed” in WooCommerce. As you can imagine this is a major issue for us.
To find the reason for the problem we used following documentation from WooCommerce for conflict testing: https://docs.woocommerce.com/document/how-to-test-for-conflicts/
1. Created staging environment: https://climbingsocks.com/woocommerce-4-8/ (see login credentials in private content)
2. Update to WooCommerce 4.8 within staging environment (we left all other plugins untouched)
3. Ordered following product: https://climbingsocks.com/woocommerce-4-8/?product=1-paar-klettersocken-von-climbingsocks-groesse-s-m –> Error did occur
4. Switched theme to Twentytwenty –> Error did not occur
5. Switched theme to Enfold native theme –> Error did not occur==> As a result, we assume the origin of the error is within the Enfold child theme.
To investigate further, in a next step we deactivated all our changes in the functions.php and Custom CSS Field (Themes -> Allgemeines Styling -> Quick CSS), but the error still occured within the activated Enfold Child Theme.
This is the point where we need your support, to fix the problem, please.
Thank you very much in advance for further assistance and please don’t hesitate, if you need any further information from us.Best regards,
MagnusHallo liebes Enfold-Team,
ich habe auf einer Webseite eine Video über den Avia Layout Architekten eingebunden.
Das Video soll automatisch starten, geloopt werden, stumm sein und die Bedienungselemente sollen verborgen sein.
Öffne ich die Seite auf dem Rechner funtioniert das auch so. Aber auf dem Handy startet das Video nicht automatisch. Man muss erst auf den Playbutton tippen.Wie ist es möglich, dass das Video automatisch startet?
Vielen Dank.
HolgerHi,
I’ve tried to use a few plugins to insert code below the page/post content (the code is for both a citation button and the Easy Social Share buttons)
These elements should appear between the content and the comments, but consistently appear below the comments, which is not much use. Other website owners I know do not have this same issue. so I assume it’s Enfold related. Would you have any ideas how to resolve?Example page provided.
Many thanks,
Ed
