Hi,
Please add following code to Quick CSS in Enfold theme options > General Styling tab
#top .av-menu-button > a .avia-menu-text {
border-width: 1px;
}
Best regards,
Yigit
Hello
Based on the av_blog shortcode and the loop-index.php i created a custom shortcode which shows meta-data, a forward button and a masonry gallery for each element of a chosen taxonomy. The masonry gallery is created with the av_masonry_gallery shortcode, where the ids of the images are dynamically adjusted according to the element.
Before christmas the customer updated the system (WP 5.3.2 and Enfold 4.6.3.1) and now the galleries are no longer displayed correctly. This means that the gallery of the first entry is displayed correctly, the remaining galleries are located outside the wrap_all container and therefore cover the whole screen width.
I would be glad if you could help me to solve this problem. With wordpress 5.2 and Enfold 4.6 everything worked fine.
The link to the website as well as the source code of my customizations can be found in the private data of the post.
Many thanks in advance
Hey Kevin,
The WhatsApp was added to replace the Google+ when it shut down, I guess at the time it seemed to be more requested.
Have you seen our documentation on adding social icons?
Do you want help with implementing this?
Best regards,
Mike
Hello Rikard,
I had the problem with the social icons and hev it fixed with another advice I read from you.
Only the whats app button does not work yet.
I used this CSS script in the quick fix
/* enfold social media icons fix */
.social_bookmarks_twitter a::before, .av-social-link-twitter a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_facebook a::before, .av-social-link-facebook a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_linkedin a::before, .av-social-link-linkedin a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_pinterest a::before, .av-social-link-pinterest a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_tumblr a::before, .av-social-link-tumblr a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_reddit a::before, .av-social-link-reddit a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_vk a::before, .av-social-link-vk a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_gplus a::before, .av-social-link-gplus a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_mail a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_dribble a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_youtube a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_instagram a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_vimeo a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
Thank you instead,
Lianne
Hi,
I’ve tried this (https://kriesi.at/documentation/enfold/button/#toggle-id-22) and a couple other posts I’ve seen, but nothing is working for me – I’m sure it’s user error. I’m trying to get a background image for the button in the center widget in the footer on this site (https://friendsoftheorlandova.org/) – it should be just below the Donate button. I’m using the custom color attribute – I tried leaving that blank, using the default, etc. – nothing worked. I have the custom class set and in my CSS – any ideas?
Thanks!
Hi Team,
after updating several sites to the new beta successfully I still have a problem on one site. I am using these shortcodes in a text widget but the social icons still don’t display as they should:
[av_social_share style='minimal' buttons='custom' share_facebook='aviaTBshare_facebook' share_twitter='aviaTBshare_twitter' share_linkedin='aviaTBshare_linkedin' share_mail='aviaTBshare_mail' custom_class='' admin_preview_bg='' av_uid='av-670mc8']
What can I do to fix this?
Best
Thorsten
Hi, I’m encounteringan issue in browser Safari (it works fine in other browsers):
I work with the “Team Booking” plugin (https://codecanyon.net/item/team-booking-wordpress-booking-system/9211794). When I want to make a reservation, the “create reservation” button (Dutch: “Reserveer nu”) is not shown in Safari.
URL in private
I contacted Team-Booing support. They say it could be related to Enfold- post-1148975
Thanks for your help.
Gert
Hi,
Thank you for the login, so I see that you are using the mobile menu for all screen sizes, I believe in this case adding a custom header widget area would work best, please see this in our documentation.
This function in your functions.php will add the widget area after the logo and before the menu:
add_action( 'ava_before_bottom_main_menu', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
dynamic_sidebar( 'header' );
}
then you can add your button shortcode or html link to the widget and use css to position it next to the search icon, and make it show on the one page only.
Your WordPress > Appearance > Editor was not showing on your site so I couldn’t add the function for you, perhaps you will need to add via ftp, or unhide the editor. Once you have added the widget area and link we can help with the css.
Best regards,
Mike
Hey Ettore,
https://share.getcloudapp.com/WnuE0OQJ You need to go to this link
https://kriesi.at/support/forum/enfold/ and press the big button, it will take you to the bottom of the page where you can post a thread.

Best regards,
Victoria
I’m looking for a solution like this one:
Example Demo Shop
When you click on “Add to cart”, the item is immediately added to the shopping cart.
If i click the button on my page, i will be directed to the single product view and the item is not in the cart as in the demoshop.
-
This reply was modified 6 years, 2 months ago by
LFK.
Hi,
1. The logo in the header looks fine, I believe you are talking about the logo in the post which looks blur and oversized? Please remove the featured image in the post or update it with a different image.
2. Please adjust the header height in Enfold theme options to fixe the gap :)
3. To update the social icon color, please add the below CSS in Enfold > General Styling > Quick CSS
#wrap_all .social_bookmarks a:before {
color: #FFF !important;
}
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay
Hey talltini,
Thanks for the link to your site, In your css “font-color” is not valid, please use “color” like this:
.avia-cookiemessage-bottom { background: #a1c2a2 !important; color: #f5f5dc !important;}
.avia-cookie-consent-button { background-color: #f5f5dc !important;}
Did you add this css to the Enfold Theme Options > General Styling > Quick CSS field:

or did you fill in the fields in the Enfold Theme Options > Advanced Styling > Cookie Consent Message Bar:

If you used the Enfold Theme Options > Advanced Styling > Cookie Consent Message Bar and included the !important; please remove this. If you used Enfold Theme Options > General Styling > Quick CSS then perhaps there is a missing bracket earlier in your css braking your code, please try copying all of your css and add it to WordPress > Customize > Additional CSS as it will check your code for errors and give you hints to repair.
If this doesn’t help, please include an admin login in the private content area so we can be of more assistance.
To change the font color of the message below the contact form, Please try this code in the General Styling > Quick CSS field:
p.av_form_privacy_check.av_contact_privacy_check {
color: red !important;
}
Please adjust the color to suit.
I see that you have html code showing on your page:

is this something you are working on?
I also note that you are using Enfold v4.4.1 with WordPress v5.3.2, you can expect errors with these as Enfold v4.4.1 was not WordPress v5 ready. Please update Enfold, but unfortunately, due to a change at Theme Forest around that version you will need to update via FTP.
The easiest and safest way to update is to download the newest version from Theme Forest and rename your current theme folder to “enfold-old” via ftp then upload the new “enfold” folder and check that your site is working correctly.
Once you are happy you can delete the “enfold-old” folder via ftp, (not the WP theme page)
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” folder to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.
If you are not comfortable with this then also include ftp access in the Private Content area and we can assist.
Best regards,
Mike
Hello from Germany,
first of all: big compliment for this forum – it already helped my a lot reading various topics.
I have two questions concerning the Enfold theme:
1. Cookie message box
I tried to change the color of the Cookie message box and icons using the following CSS code in Advanced Styling but it is not reflecting the changes on my site http://urlaubskoerbchen.vom-hankenuell.de:
.avia-cookiemessage-bottom { background: #a1c2a2 !important; font-color: #f5f5dc !important;}
.avia-cookie-consent-button { background-color: #f5f5dc !important;}
2. Message below contact form
I would like to change the font color of the message below the contact form but don’t know how I shall do this.
Can you perhaps help me?
Thanks in advance!
Bettina
Hi Good day!,
i would like to ask a support from your side, i already installed my enfold theme on hosting services and i am working already on my web pages, every time i tried to edit my page, the page layout screwed up, i don’t even press the save and publish button. what do you think is the problem of this them?
kindly check the url of the theme : pccilp.org. at first you will see it nice and perfect, but if you try to update the content it will mess you up.
Hey solomita,
Thank you for contacting us.
You can edit the font size for the submenu items from
Enfold options > Advanced styling > Main menu sublevel links > Font Size
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Let us know if you have any questions.
Best regards,
Vinay
Hey Kieran,
Thank you for writing to us.
I checked your site and noticed that there is not enough space for the pagination info to be displayed on the mobile device. The best you can do to avoid it looking messy is to hide this info on mobile device.
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
@media(max-width:580px) {
span.pagination-meta {
display: none;
}
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay
Hi,
I added Enfold’s version of magnific pop up as I would like there to be a lightbox that appears with a form when the “Request a Quote” button is clicked.
However, while it appears that I have added the necessary code and set up, I cannot get it to work. It references the correct link but there’s no action.
This is the video I followed to add this feature to enfold: https://www.youtube.com/watch?v=ezR27jB7zL8
Thank you!
Hello support team,
I use the Enfold theme and have integrated Google Maps on my homepage so that the user should first click to load GM.
However, the English message always appears on the page: “Maps were disabled by the visitor on this site. Click to open the map in a new window.” If I set the dropdown list to “Open Google Maps only in a new window” in the settings for Google Maps under “Conditional loading”, the message appears in German. Clicking the button will always open Google maps in a new window. What do I have to set so that Google Maps is loaded on my homepage instead of the hint button?
Thanks in advance.
Jörg
Hi,
Sorry for the late reply, I tested your Bookings plugin with Enfold for the product in the Private Content area and it seems to work for me, please see the screenshot in Private Content area.
I used the calendar to find dates that were available to book, the next available date was March 7 2020
then I choose a time, the next available time was 13:00
then I clicked the “Book Now” button and was taken to the order page to pay.
I couldn’t see the screenshots you posted above so I’m not sure what they are pointing out.
Please try these steps and confirm that this also worked for you.
Best regards,
Mike
Hi,
All of your sites are using an outdated version of the theme. Please download a latest copy of the theme from ThemeForest and replace the theme folder via FTP in wp-content\themes
For more information please check the FTP install guide.
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin like W3 Total Cache or Wordfence is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right-click on the refresh button and select “Empty Cache and Hard Reload”.

Once you update the theme to the latest version the issue should be fixed.
If you have any questions please feel free to get back to us.
Best regards,
Vinay
Hi,
Sorry for the late reply, I see that your logo is an 80×80 thumbnail, “w-new-logo-small-80×80.png”
please try using the full size logo “w-new-logo-small.png”
So to correct this try going to Enfold Theme Options > Logo, and paste the url in the Private Content area below and then click the “save all changes” button in the top right corner, not the “upload” button to the right of the “logo” box:

This is because the logo is already uploaded to your site.
Best regards,
Mike
Hi Àlex,
You can open a new thread using the very large blue button on the top of the Enfold sub forum, or you can use this link to open a new thread. Please note that the forum will be closed for new threads until January 2.
Best regards,
Rikard
Hey,
1- Please add following code to Quick CSS in Enfold theme options > General Styling tab
#top .avia-cookie-consent-modal-buttons-wrap {
position: absolute;
top: 50px;
width: 100%;
}
2- We would need to inspect the element to find out why it is not displayed. Text color might be white. Could you please add it once again and let us know so we can check?
3- You can simply insert empty HTML tags not to display tab title
<u></u>
Best regards,
Yigit
Hi Enfold Support Team,
Enfold latest Portfolio Widget
I’m using Enfold latest Portfolio Widget in the Footer and I’ve choosen “display title only”. Is it possible to hide the date and show only the title?
Footer viewed with an iPhone
My client is a perfectionist and has discovered that the search button behind the magnifier symbol doesn’t fit perfectly and that the linespacing of the footer menu is much too tight.
Kind regards
Alexander
Hello,
On one of my sites I cant edit any page anymore – the Avia Layout Builder is missing back end with blank pages?
(I know Social media buttons are missing front end but can await for the fix).
I am using Enfold 4.6.3.1 and WP 5.3.2
Any help to fix the Avia Builder issue .. maybe a link to 4.6.4 beta?
I have provided login details privately.
Thanks in advance
That helped me learning reading:
” activate the child and import the parent theme settings under Enfold->Import/Export. Then add this to Quick CSS and save”
The button is on there which I feel thankful and relieved seeing yet it’s overlapping with the menu
How do I move the menu to the left and remove the cart icon?
Hi
After migrating two sites with the plugin “all in one wp migration” the social-media-icon-symbols (see testpage -> header area, socket and social-share-buttons-element) have dissapeared. Inspecting the links I found data-av_icon=”” and data-av_iconfont=”entypo-fontello” missing.
It would be great if you could help me in this matter. I tried a lot: newest WP, newest Enfold, deactivating all plugins, removing child-theme’s css, function.php and etc.
Thanks for your help and best regards
Fabian
Hello Enfold support team,
on my Enfold site I am using external JavaScript as a booking module for appointments.
It has a negative impact on page speed.
I see Enfold has a “Click to load solution” for google maps shortcode.
Can I use that somehow for my own booking module?
Thanks!
I noticed that under the updated articles there is a problem with the display of buttons share on social media.
I see the same problem on the documentation page.
I’ve read through the solutions to this issue but seem to have an error in my implementation. The javascript code’s working outside of WP/Enfold: https://coldspringdesign.com/ltc-button-test.html
This page [https://logisticstrainingcenter.com/dev-authentication-for-discount-code/#tab-id-2] has a custom button:
<input class=”id_vet_mil_click” height=”100%” src=”https://s3.amazonaws.com/idme/buttons/v4/verify-with-idme-green.png” type=”image” value=”Verify Military Credentials” width=”100%” />
I have this code in my functions.php file:
/* Verify with ID.me for Veteran/Military status */
function verify_vet_mil_button(){
?>
<script>
(function($){
$(window).load(function() {
$(‘.id_vet_mil_click’).on(function(e){
e.preventDefault();
window.open(‘https://api.id.me/oauth/authorize?client_id=d8c73d118584e3cd966a7990692f5340&redirect_uri=https://ywnos0oef8.execute-api.us-east-2.amazonaws.com/testing/callback&response_type=code&scope=military’,
‘popUpWindow’,
‘height=600,width=500,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes’
);
});
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘verify_vet_mil_button’);
But I’m not able to get the pop-up window working. Can you help?