Hi,
I’m building left sidebar menu and want parent menu items to stay highlighted when a subitem is opened.
So far I’ve managed to get this working for Pages, Blog, Shop and Portfolio.
/* change active menu item background and color */
/* this works for PAGES with subpages */
.current_page_item a {
color: #719430;
}
/* highlight SHOP menu item when product item open */
.single-product .main_menu ul li#menu-item-643 a .avia-menu-text {
color: #719430;
}
I have 2 Portfolio menu entries (of course based on Portfolio categories), say A and B.
With the css below I get it working but now on any open portfolio item it highlights both portfolio categories…
/* WORKS BUT HIGHLIGHTS BOTH PORTFOLIOS (CATS) */
/* highlight Portfolio menu item when portfolio item open */
body.single-portfolio .main_menu ul li#menu-item-765 a .avia-menu-text {
color: #719430;
}
/* WORKS BUT HIGHLIGHTS BOTH PORTFOLIOS (CATS) */
/* highlight Portfolio menu item when portfolio item open */
body.single-portfolio .main_menu ul li#menu-item-764 a .avia-menu-text {
color: #719430;
Is it possible to restrict the highlight to just the portfolio category the item belongs to?
Perhaps with an adaptation of the solution for previous-next in portfolio cats in functions.php which I found on this forum?
/* make previous-next buttons stay within the relevant portfolio category (multiple portfolios) */
add_filter( 'avia_post_nav_entries', 'enfold_customization_postnav', 10, 2);
function enfold_customization_postnav($entries, $settings)
{
if($settings['type'] == 'portfolio')
{
$settings['same_category'] = true;
$entries['prev'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
$entries['next'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
}
return $entries;
}
Thanks in advance for your help!
-
This topic was modified 7 years, 1 month ago by
rob2701. Reason: forgot to enter code blocks
How can i add the “Show Detail” button in the masonry shop view?
Every product has either a cart-button or a “Show-Details” button:
https://kriesi.at/themes/enfold/shop/
Masonry shop has not:
How can i make the masonry shop have them?
Hi,
Thanks for the update.
Yes, that one is an error in the script. We’ll ship a fix in the next patch that is going to render the actual button label, but for now you have to do this modification. (see private field)
Related threads:
// https://kriesi.at/support/topic/contact-form-custom-text-on-submit-button-not-showing
// https://kriesi.at/support/topic/enfold-contact-form-recaptcha/#post-1067687
Best regards,
Ismael
Hi, I have the website truetilldeathmerch.com. No matter what I try I can’t get this Instagram widget to work on the sidebar. I think I have to somehow update to the latest version of Enfold but I’m not a techie and don’t know how, which is why I bought this theme in the first place, so I wouldn’t have to do anything backend. The button on the dashboard for the Theme Update doesn’t work. Is there extra steps besides updating to the latest version to get the IG widget to work? How do I get the latest version and is there a way to set it up so it updates automatically in the future?
Can someone please walk me through this step by step so I can fix this? Please don’t assume that I know any technical terms and really just make it very easy if you can, much obliged, thanks.
Guys, it’s been 3 days now, no one? Really? I’m told you’re the best, that’s why I bought this theme for the support. So far my questions always got a “please hire a freelance” standard reply. Come on!
For this question, surely you’ll have the answer, since I’ve checked with your files, and the loading sequence is in fact from Enfold, I just can’t get it to work with my custom button since I don’t know where to hook it at.
This is from Enfold’s woocommerce-mod.js
function product_add_to_cart_click()
{
var jbody = jQuery('body'),
catalogue = jQuery('.av-catalogue-item'),
loader = false;
if(catalogue.length) loader = jQuery.avia_utilities.loading();
jbody.on('click', '.add_to_cart_button', function(e)
{
var button = jQuery(this);
button.parents('.product:eq(0)').addClass('adding-to-cart-loading').removeClass('added-to-cart-check');
if(button.is('.av-catalogue-item'))
{
loader.show();
}
var $html = jQuery('html');
if( ! $html.hasClass( 'html_visible_cart' ) )
{
$html.addClass('html_visible_cart');
}
//e.preventDefault();
});
jbody.on( 'added_to_cart', function()
{
jQuery('.adding-to-cart-loading').removeClass('adding-to-cart-loading').addClass('added-to-cart-check');
if(loader !== false)
{
loader.hide();
}
});
}
I have tried adding my button class into that function, but still no loading sequence.
Any help is appreciated.
Thanks.
Hello,
I manage 2 sites using the enfold theme with the advanced layout editor, and one of them has a sidebar that does not look like what i am used to and some of the functions on it appear to not work, including the “preview” button. the preview that is shows does not apply the changes i make in the advanced layout editor. I want to set up the 2nd site that has the “bad sidebar” to look like the main site that i manage with the “good sidebar”. Any ideas on how to change this? I put a link to 2 screenshots in the “private content” section.
Thanks,
Ryan
Hi everyone,
I am using the Enfold Theme on a bilingual website (German and English) and would love to have a cookie notice and all the other cool GDPR feature in German and English language. However, I haven’t figured out if there is a way to do this? Right now I am only able to display one language. Is there a code that can be used in order for enfold to switch between two messages?
This would be helpful for all GDPR features including the nice buttons where user can switch off Google Analytics.
Best,
Karina
Dear staff, I have some bad problems when I try to use editor layout with Enfold Theme on WordPress 5.1
I push the blue button but nothing happens
This problem doesn’t exist with others Enfold website that I’ve created months ago.
How can I solve it?
Thank you for your kind support.
Webba
-
This topic was modified 7 years, 1 month ago by
webba.
Hey robertoKM,
Thank you for using Enfold.
Yes, that is possible. Just look for the “Add Media” button inside the tab content editor.
Best regards,
Ismael
Hello Enfold Team
is it possible that the lightbox link can not be set up via the code block?
For example HTML in code block:
<div class="codeblock">
<a href="https://domain.ch/wetter?iframe=true" class="mfp-iframe lightbox-added">LINK</a>
</div>
Only about an element like button?
Best regards
Kai
How can the Share links be included at the bottom of a blog post? In the Enfold settings, I’ve checked off the various social networks, but they don’t appear at the bottom of the blog post.
I appreciate your help!
Hi,
I checked your page and I cannot see any animation on the gallery in the section “Supporting more than 140 migration paths”.
The CSS need’s to be added in Enfold > General Styling > Quick CSS which I think you already did.
If you still see the animation on your end 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
Hello Rikard,
which Captcha do you see? As I said I disabled the Google reCAPTCHA which is a new option in the latest Enfold settings. Because the submit button disappears when using it I disabled it.
In the meanwhile I use the default contact form capture (a math question) that is available inside the Enfold forms – I guess this is what you see?
My initial question is related to the new Google reCAPTCHA.
Best regrdas,
Neverlands
Hi there,
I’m facing troubles in fixing the display of the Enfold Facebook and Instagram widgets that appear in my footer columns.
At the moment it looks like that:
View post on imgur.com
How can I integrate the FB so it looks neater? (change color, and/or size of the frame for example?)
For the Instagram one, the text on the white button is in white too, so the text appear only when highlighted.
Thanks for your help ;)
Hi Vinay;
I have added the CSS but because it was not displaying correctly, I removed it.
The header background did become solid white, but unfortunately, with that the header menu items font color also became white. This made the menu item text unreadable.
I need the header background to be exactly the same as the one on our ‘contact us’ page.
I did not understand the below steps:
“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. – DID NOT FIND ‘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”. – ON MAC WHAT ARE THE KEYS?
Hi,
Thank you for the FTP access, but I couldn’t login to your WordPress, but I went ahead and renamed your current theme to “enfold-old” then I uploaded the new “enfold” and checked that your site is working correctly. Please also check for yourself.
Once you are happy you, (or I) can delete the “enfold-old” 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” to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.
I found that your shortcode button now shows on your Events Calendar page, but please check the site and let us know.
Best regards,
Mike
Hi MP_EasySales,
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
#av_section_7 .avia-button-wrap.avia-button-center {
padding: 20px 0;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
I’m using Enfold 4.5.4 with the plugin Event Organiser 3.7.4 ans WordPress 5.1.
Each event is a post with added fields for dates, etc.
When we add a button (using the classic editor) by adding the av_button shortcode, it’s not displayed as it would be.
For example, in the page https://www.imt.fr/events/event/limt-present-au-salon-jec-world-2019/, there’s, below the “en savoir +”link, a shortcode like this :
[av_button label='En savoir plus' link='manually,http://www.jeccomposites.com/events/jec-world-2019' link_target='_blank' size='large' position='center' label_display='' icon_select='yes' icon='ue816' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='' admin_preview_bg='']
And it is not displayed…
Do you have a solution ?
Best regards,
Olivier.
After further investigation, your first response is correct. There’s a fundamental conflict between layerslider’s popup with button functionality and the enfold theme. I found a satisfactory solution using a button the directs to an anchor and has the look of a popup. I prefer this solution to messing with the php at the potential expense of having to modify other elements of the site thereafter.
Thank you so much for your response; and I am overall very pleased with the theme and the level of support that your teams provides in these forums!
Hey rob,
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
.home .button-mini-delimiter {
display: none;
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks, I checked out the link you shared on the Envato tokens and logged in to check the token details. They appear to match up.
I haven’t customized the Enfold theme much yet so if we need to hit a reset button I can do that, I’ll trust your expertise and direction.
I did think maybe I could try downloading the theme again from envato downloads and reinstalling the zip file, but having you check it out first would be the less invasive and more logical, so again thank you kindly for your help!
Stanton
Hi,
I want to enable adding variation product directly from shop page. So far it’s working fine, here’s the guide I followed:
https://stackoverflow.com/questions/51827835/how-to-add-to-cart-without-reloading-page-on-woocommerce/51828575#51828575
There’s only one thing missing, it’s the loading sequence when you click “Add to Cart” (in my case, it’s “Buy Now” button). Enfold gives loading sequence, like:
– reducing “Add to Cart” button opacity
– loading spinner on product image
– check mark after it’s successfully added
– notification on cart, that product is added
I want to add those sequence to my custom button. You can see for yourself at my site (link attached), if you search for “VARIABLE” product, the ones with select option to select variations, and you click “Buy Now”, it’ll just add the product directly, no loading sequence.
Can you help?
Thanks.
Hi JoseAntonio,
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 .header_color .av-menu-button-colored>a .avia-menu-text {
border-radius: 10px;
background-color: #13b7d8;
border-color: #13b7d8;
}
#avia2-menu a {
font-size: 14px;
}
Where do you want to move the secondary menu?
If you need further assistance please let us know.
Best regards,
Victoria
Kent MitchellGuest
Hi. I like the Enfold theme, but I need a Header that is leftward justified, except for the “log-in” and “Get-Started” buttons, which I want right-justified.
Like the header here: https://www.helpscout.com/
Can I do this on Enfold?
Hey Oliver,
Thank you for contacting us.
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - */
#top #header_main {
background: #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
Hello in the screenshot there are 4 buttons. “All” “Balms” “Creams”. I want these buttons to appear above the Enfold Layout “Product Grid” You can see the top of one product in the screenshot but it got cut off is is between the “balms” and “creams” buttons. Inside the “Enfold Product Grid” options there is not a way I can see to display category selection only “sort options”, I would like these buttons to appear above the “Enfold Product Grid” so customers can click on Woocommerce Categories to sort the products. Thank you.
Hi Michael,
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 and see if the share buttons work different now
@media only screen and (max-width:767px){
.av-share-box-list .avia-related-tooltip.avia-tt {
display: none !important;
opacity: 0 !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
there are a couple of issues regarding the “load-More-Button” but none of them provides a solution for me.
On our starting page: https://www2.ebg.tue.bw.schule.de/wordpress/ we have a masonry blog with 12 blog entries maxiumum (I changed this to 16 for a while to avoid the following problem). If there are more than 12 entries, a “Load more”-button is displayed.
The Load-more-Button works fine if I use the URL mentioned above. Most of the users use the URL https://www.ebg-rottenburg.de/ instead which leads to the same page. The Load-more-Button is displayed, but it does not work anymore.
Any ideas how to solve this?
Kind regards
Ingo
PS: We use WordPress 5.0.3 with Enfold 4.5.2 – the update to WordPress 5.1 is planned for the upcoming weekend.
Hey darrenwise,
You may not see the site function properly if there are some cached files 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,
Thank you for sharing the details.
1. To open a pdf when the user clicks on the portfolio item follow the below steps.
a > Embed the pdf to your page if you cannot do that just copy the PDF link.
b > Add ?iframe=true to the end of the URL to activate lightbox. Please refer to the link usage section.
c > Add a new portfolio item with the PDF thumbnail image then set a custom link to open external pages.
2. The footer and header both are full width. If you still have any issue please upload a screenshot/mockup to one of the below sites and share the link here so we can help you better :)
https://snag.gy/
https://ctrlv.cz/en/
https://imgur.com
Best regards,
Vinay