At my website (in private content) I want real buttons at the main menu, but if i set it in the enfold options it does show really weird.
-
This topic was modified 8 years, 10 months ago by
aemvisser.
The margin top it has right now is the default value the demo had right out the box. As long as those 3 services boxes stay in above the fold on a 1920×1080 screen I’m good. I believe we have at least 30-40 pixels we can use for height before we lose the boxes.
I believe the text on the slider gets hard to read because it goes across all the image. This also happens in the default demo.

Is there a way to limit the slider text on the mobile / responsive view to appear only in 50% of the screen, left side for the first image and right side for the second image?
Please feel free to make any adjustments to fix the buttons and slider image size, as long as it doesn’t move the service boxes below the fold of the page on a 1920×1080 resolution.
Thanks for your support Mike.
-
This reply was modified 8 years, 10 months ago by
hobeja7.
Hi John
Thanks for your reply!
You can Export and Import the theme settings at the Dashboard > Enfold Theme options > import/export tab.
That is (off course) exactly what I do.
I go to control panel in WP. Hit the name of my theme Enfold in the left side, go to the tab where it says Import/Export, hit the blue button named “Export Theme Settings File”. And that is what result in 350.000 lines of nonsense as a txt-file on my desktop.
s
Best regards,
Hey cipriana,
1.) You almost got it! It should be a colon instead of an equal sign. Here’s the correct code:
.avia-button {
text-decoration: none!important;
}
2.) Yes, you can create a CSS class for the Builder elements. But you have to turn the feature on first using the instructions here: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
After that, you can use something like this in Quick CSS:
.yellow-iconbox {
background:yellow;
}
Or if you want to make it really specific for this page, you can use this:
.page-id-649 .yellow-iconbox {
background:yellow;
}
I hope that helps!
Best regards,
Sarah
Hi all,
I’m unable to select between the slides/press any buttons when on the Layer Slider editor. Also seem to have lost multiple slides? Is this something to do with the updates?
I’ve just updated to the latest version of Enfold but the problem was occurring before the update and still persists now post update?
Is anyone else having this problem?
Thanks in advance
Josh
There are some minor CSS modifications, but nothing regarding or affecting the purchase button. Most of it is unmodified css that comes with Enfold.
I have now deactivated the minifier though, which might have created the impression that css had been modified.
I’m afraid I can’t update my live site to the latest Enfold version until this issue has been fixed.
Hey helderluis,
Please see the Enfold Theme Options > Blog Layout > Share links at the bottom of your blog post.
For Portfolio posts please use the Social Share Buttons element.
Best regards,
Mike
Hi there
I love Enfold! But I have a couple of issues.
1) How do I export the theme? When I press the export theme-button I get 350.000 lines of strange text.
2) On my localhost the admin bar has disappeared. I have searched the whole internet for a solution. As my livesite is correct, I copied the whole folder called Themes to localhost to be sure that functions.php is the same. I also copied User-table and Userneta-table to be sure that the user settings were the same. It did not help. I also tried the follow to sugestions with out effect:
Source: http://www.wpbeginner.com/…/how-to-disable-wordpress-admin…/
/*Disable Admin Bar for All Users Except for Administrators*/
add_action(‘after_setup_theme’, ‘remove_admin_bar’);
function remove_admin_bar() {
if (!current_user_can(‘administrator’) && !is_admin()) {
show_admin_bar(false);
}
}
Source: https://digwp.com/2011/04/admin-bar-tricks/
// show admin bar only for admins
if (!current_user_can(‘manage_options’)) {
add_filter(‘show_admin_bar’, ‘__return_false’);
}
// show admin bar only for admins and editors
if (!current_user_can(‘edit_posts’)) {
add_filter(‘show_admin_bar’, ‘__return_false’);
}
Best regards,
Hanne
Hi,
I am thinking of changing my homepage’s header options like … see the link.
The thing I like about this one is that even on mobile view it shows three buttons in one row, however in enfold’s mobile view it breaks every section separetly, Is there an option in enfold where if I divide the section in two 1/2, then divide each half by 1/3, 1/3, 1/3. Currently on mobile it shows one column for each section but I want o either show 2 in a row or 3 in row on mobile.
Lol … I feel like I have muddled up everything while trying to explain.
Let me know if it doesn’t make sense.
Thank you for your help in advance.
Hello,
I want to put full wide button and when you click get pop up Vimeo video.
I have made this article https://kriesi.at/support/topic/using-button-shortcode-to-open-a-video-in-a-lightbox/ and that is working but I need to get bigger button. Is there any possibility to make trough Enfold shortcodes or to change this shortcode?
Regards
I appreciate that info, however, could you direct me to the file and code in the Enfold theme that accomplishes this? I’m looking for the code that turns the page translucent white after the “Place Order” button in Woo Commerce is clicked. I assume this is in Enfold. Thanks.
Hey simonac,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .button20 .avia-button {
font-size: 30px !important;
}
just adjust the font size as you see fit. This would affect all buttons with custom css of button20, hope this helps :)
Best regards,
Nikko
What would be the best way to make content buttons like the the ones on http://www.bostgroup.com.au with the hover effect on the home page? Does enfold offer much to do this, or would I need to install another plugin.
So far I have something similar on http://www.aimgrp.com.au but the whole icon box isn’t a button, only parts of it.
Thanks in advance,
David.
Hi @doboon,
Can you try the solution presented in this thread: https://kriesi.at/support/topic/enfold-social-media-icons-in-footer/
Or this one: https://kriesi.at/support/topic/social-buttons-in-footer/#post-367432
If you need further help, please open a new thread so that you can send private data that is only visible to the staff. If you add private data to this thread, the creator of the thread can also see it.
Best regards,
Sarah
Hi,
Currently I am using a Enfold Child Theme with the Enfold Parent Theme version 3.8
I wanted to update to Enfold 4.0 and updated my theme to Enfold 4.0 but after the update I see that my language links on the header changes to language flag images.
Also, in one of my layer slides the placement of the elements inside the layer slider changes after the update.
When I revert back to V 3.8 manually (via uploading in FTP) the unwanted changes goes back to normal.
I have back up of everything including my db.
What should I do to keep my design unchanged after updating to Enfold V.4.0.
Do I have to update anything in my child theme folder before updating the parent theme?
Attached a screenshot showing the changes before and after.
My Second Question is; I can not find the CAPTION TAB in FULL SCREEN SLIDER. I want to add buttons and text on the slider. Why I am not seeing Caption tab in Full Screen slider?
I appreciate your help.Thanks,
Enis Yücel
-
This topic was modified 8 years, 10 months ago by
indurango.
No, the hamburger icon.
Right now the original enfold theme closing button is showing so we can close the menu again, because the hamburger icon is hidden behind the black menu bg.
Hey DickZirkzee,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#main #after_full_slider_1 .content {
padding-top: 10px;
}
This will move all your content up. If you would like to have space between that line and the buttons, please add a separator element.
Best regards,
Sarah
Hello,
We are in the process of developing our new Woo Commerce site with Enfold.
We noticed on the check out page that regardless of checkout method, after clicking the “place order” button, the page turns a translucent white (which is normal), but then it takes about 10 to 20 seconds before any further activity is seen.
After clicking a button, I usually expect to see the site favicon in the browser tab turn into a spinning circle, indicating that it is waiting for data, but in this case, nothing happens at all for 10 to 20 seconds, and it looks like a site crash, until the page refreshes and shows that the order went through.
No other pages on the entire WP install have this issue.
Thanks for the help.
Hello,
we are also facing a Problem with the Google Map API.
I updated the API KEY in the Enfold Backend Settings with a new key, but the key parameter in the frontend call does not update.
Can I change this manually in the Database? Or can I force the overwrite of avia_framework_globals.gmap_api ?
We also have installed WP Super Cache, can this cause any Problems with the Saving of Theme Settings? I often have to click more then once the Save Button in the Backend to save changes (e.g. to change a color).
Thanks for Help.
Peggy
Hey dweddell,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top #header .av-menu-button > a .avia-menu-text {
margin-left: 5px !important;
}
Hope this helps :)
Best regards,
Nikko
Hi,
You can go to Enfold > Import/Export, then (use child theme) export the settings using this button Export Theme Settings File, switch the theme to Enfold (parent theme), then go back to Enfold > Import/Export then import the settings you just exported. Hope this helps :)
Best regards,
Nikko
Dear support team,
we added the PHP code as suggested in post https://kriesi.at/support/topic/button-for-next-slide-grid-row-anchor-link/ to our functions.php.:
function add_custom_script(){
?>
<script>
(function($){
var button = $(‘.avia-caption-content a[href=”#next”]’);
$(button).click(function() {
$(‘a.next-slide’).trigger(‘click’);
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘add_custom_script’);
Unfortunately this codes seems to have syntax errors:
Parse error: syntax error, unexpected ‘$’, expecting variable (T_VARIABLE) in XXXXXXXX/wp-content/themes/enfold/functions.php on line 571
Could you please be so nice and check the code for us.
Thank you,
Bernd
HI,
My fast fix with a Quick CSS so only defined ones will be around:
1. you activate custom CSS field => http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
2. you set to the custom ccss class from the button the css class name example nxh-roundbutton
3. in the Quick CSS you write
.nxh-roundbutton .avia-button { border-radius: 50% !important; min-height:100px !important; min-width:100px !important; padding-top:44px !important;}
Info
The padding-top is is being computed 50% from min-height, here in the example then 50px and 50% from font-size at 13px font-size is 6 thus 50-6 = 44 and with the min-height and min-width you define the size of the round button ;)
that’s all
best regards
Jörg :D
-
This reply was modified 8 years, 11 months ago by
AgenturWP.
Hi,
I wanted to know if it is possible to convert Enfold’s button into round buttons. If so, how can this be done? Thanks.
sl
Hi Enfold-Forum,
In the fullscreen slider you have to decide either link to the picture or a button both do not go.
Here is a small JS snippet as a solution for the problem in the fullscreen slider if you want to link both a button and the image. The JS Snippet takes the link from the button;)
Just copy the JS Snippet into the functions.php. Perhaps someone can still use it
add_action('wp_footer', 'nxh_fss_btn_link_on_img');
function nxh_fss_btn_link_on_img(){
echo '<script type="text/javascript">jQuery(document).ready(function($){$(".avia-slideshow-inner").click(function() { location.href=$("."+$(this).find(".active-slide").attr("class").split(" ")[0]).find(".avia-slideshow-button").attr("href");});});</script>';
}
Hey Rikard,
Sorry, still no changes, cleared the cache at Pantheon (host) and reloaded my galaxy a bunch of times.
Below are credentials for our development space if you want to take a peek and try some stuff out.
But, just to make sure we’r on the same page, it’s the bottom two boxes in question. The PatientRemedi and Credit Balance text, patterns and pills are all from the back ground image. The CTA text and button are Enfold.
On my phone, it is super close to looking good, it’s just that a few letters of PatientRemedi and Credit Balance get cut off (not worried at all about the pills).
Thanks!
Hi,
which demo do you want to import exactly? are you able to import any other Enfold demos?
Sometimes your server refuses if the import duration takes too long. In this case it can help to click the import button very often (at least 10 times, until it works). Also talk to your host, trying to tell them to increase upload/import time for your server.
Best regards,
Andy
Hello, and thanks for your quick reply!
I actually had already tried the link regarding adding a widget after the menu, however this resulted in this widget being shown below the menu, instead of the to the right of the menu.
I was able to sort it by manually setting the desired button last in the menu, and targeting it’s id through CSS:

My current CSS code for achieving this (and only for desktop sizes):
#menu-item-3366 {
background-color: #0067b1 !important;
}
@media only screen and (min-width: 768px) {
#menu-item-3366 {
float: right !important;
background-color: #0067b1 !important;
}
#menu-item-3366 > a > span.avia-menu-text {
border-left-width: 0px !important;
}
}
#menu-item-3366 > a > span.avia-menu-text {
color: #ffffff !important;
}
-
This reply was modified 8 years, 11 months ago by
erlis.