-
Search Results
-
Dear Enfold Support,
My guess is that you will refer me to Shopify for this matter but I am particularly keen on using the Enfold theme and WordPress as much as possible, thus hope you could help me.
I need to embed the Shopify product purchase button into a page.
Shopify provides with a code for integration, but unfortunately the Code Block section resulted in a:
Warning: Characters <,>,[,] might break ALB backend or frontend. Read more if you want to use them. errorAt first it looks as if everything is working fine but no matter what I do if another buy button is placed it disregards the Color Sections, Grid Rows, and Columns and stacks the buttons one after another.
I was wondering if you could point me to the right direction for this matter. It says that <,>,[,] characters might break the ALB but istnt that the purpose of the code block in the first place? I am not a programmer and I do not understand coding so this is very confusing.
Looking forward to your reply!
Best,
AlexanderVictoria,
YES it was an example.
okay other words:
ENFOLD: “image Link Settings” , when i put “test” and not a hyperlink.
ENFOLD translated automaticly domain.tld/test.
On the live site, when i hover over the Button i got “https://domain.tld/test” and not only “Test”.hopefully now is clear :)
In reply to: Style 'Dark Transparent' Contact Form submit button
Hi cab72,
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.page-id-2 .av-custom-form-color #element_avia_7_1 + .form_element .button { background-color: #e74a10; }If you need further assistance please let us know.
Best regards,
VictoriaIn reply to: Creating colored main menu
Update:
Digging more I have managed to expand the menu buttons to the sides, though there’s still a lot of room for improvement…
Here’s where I’m now: https://cdn.discordapp.com/attachments/399068055092723712/801451669316567060/unknown.png
It would be great if I could:
1) Make the menu buttons about 1/3 the height, still centered vertically (keeping the logo same height)
2) Adjust the *highlight* color of the sub-menu item background (currently light gray) OR change the font color (I already changed normal color to black, but it did not change the highlight – seems to be tied to the main menu!)
3) Make the menu buttons all same width, with text centered (as per original design)Again, the original design is here: https://cdn.discordapp.com/attachments/399068055092723712/801046501283463209/unknown.png
I’m loving Enfold, but I wish there were more exposed options for certain things, or at least more presets to work with in terms of menus.
Thanks!
In reply to: Enfold Woocommerce Product Grid – customise
Thanks a lot,
I’ve checked the plugin, this doesn’t offer the possibilty to add another button on the product grid, next to the original button.
The link I have already used to add a button to the single product page.
I’m looking for a way to add a button on the Enfold product grid component : two buttons / product.
If you could just point me in the right direction in which file I could find the code for the product grid component, I will be able to figure it out I guess.Thanks again,
DrigaTopic: enfold demo enfold-shop
Hi, I would like to use the enfold-shop in my website, but because I already changed the homepage, I cannot see the used elements of the homepage-design of the “enfold-shop”-demo.
Can you please tell me wich elements are used to create the 4 buttons with images, with color-overlay (new winter collection / latest street clothes / fresh sportswear / funky acceccoirs).
thnx!!!
Topic: Multiple-step purchase
I wonder if this is possible within the enfold theme, or if it’s not – maybe you could give me a recommendation for what I’d need?
Imagine a shop page where you customize a computer, and for every change you do, you can see how it effects the total price. You click to the next page, and continue with those components.
I’d like something similar – but for animation. My clients buy videos that differ in cost depending on components (different languages, different voice-overs), and length. Often a component has a more expensive first price, but when buying more, the cost goes down. For instance, the first 30 seconds studio recorded voice over is quite expensive, but to add 30 extra seconds doesn’t cost that much extra.
All these prices are dependent on the actual length of the video, whether it’d be adding subtitles or animation.
In the end you can click a purchase button and pay for example by credit card.
Topic: Product Page Alterations
I have two issues I am looking for help with on the Custom Product Page (using the Avia Layout Builder) with the Enfold theme.
1. The colour swatch area: The image I am using for the colour swatch has a ‘custom link’ (I added this link to the image in the media library) to the product page showing the product in that colour (if the product has 4 colours then there are 4 product pages). When I insert the image with the ‘custom link’ into the swatch settings and go to view the product page the custom link does not work. Is there a CSS code to activate these links?
2. Product Purchase Button: I would like the words on the “add to cart” button to change to read “exceeds stock levels” when a customer tries to add to cart a number of items of a single product that exceeds the stock level. This would lessen confusion as to why an item is not being added to their cart. I am looking for CSS code to allow this change when the order being added to the cart is higher than inventory levels.Thanks….
Topic: Template update not possible
Hello,
I have taken over a website with Enfold v. 4.5.3 and would like to update the theme to the latest version. For this I bought Enfold 4.7 and extended support from Envato. But how can I update the old theme? I can’t find any information or buttons as described in the documentation “How to update your enfold theme”.
Kind regardsHi, I just tried to add a custom social icon in the header.
As seen in your documentation I added this code in the functions.php:
// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['phone'] = array( 'font' =>'fontello', 'icon' => 'ue854'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); // Add new icon as an option for social icons function avia_add_custom_social_icon($icons) { $icons['Phone'] = 'phone'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);Usually “ue854” should be a fontello phone icon, but there is a pencil showing instead. Whatever icon code I add, it’s still the pencil.
What goes wrong?
Best regards
Topic: All shortcodes in a array
Dear Enfold,
For a project I am looking for a hook / filter that sends an array of all ALB shortcodes I found this hook (avf_shortcode_insert_button_backend). Are there more options?
I like to hear.
++ENGLISH VERSION BELOW ++
Ich habe 4 WordPress Seiten mit Enfold, Bei einer ist alles in Ordnung und bei Dreien ist bei jedem Link auf der mobilen Version (Button, Footer-Menue,…) die Schriftfarbe gleich der Hintergrundfarbe, sodass man den Text nicht lesen kann. Ändere ich die Hintergrundfarbe, ändert sich auch die Schriftfarbe. Oder es ist so, dass der Text verschwindet?! Das kann ich nicht feststellen, ob er da ist und nur die falsche Farbe hat oder gar nicht angezeigt wird.
Bei Buttons hilft es, wenn ich ein Icon neben dem Text einfüge – dann erscheint der Linktext in der richtigen Farbe. Aber das ist ja auch keine optimale Lösung und im Footer-Menü auch so nicht möglich. Ich habe schon verzweifelt versucht über das CSS die Schriftfarbe zu ändern – aussichtslos.
Habt ihr eine Idee?ENGLISH VERSION:
On 3 of my 4 Enfold-Wordpress Websites the link color (buttons, footer menu,…) is the same as the background color on mobile devices. If I change the background color, the font color changes as well. Maybe the link text is not there at all – I can’t check it.
If I use a button the link text is shown in the right color when I also use an icon beside the text. But that shouldn’t be the solution.
How can I make these links visible? Also in the footer menu?
Thank you!Hi Silvia33,
Please try adding this CSS code in Enfold > General Styling > Quick CSS:
#top.woocommerce-cart .button { float: none; }Hope it helps.
Best regards,
NikkoIn reply to: Updating via FTP
Hi Adam Hart,
We have updated those three sites.
If there are other sites, please try to 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,
NikkoHi 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,
Yigit
