Hi,
We have tested the below code and it works fine! Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
NOTE: Remove any related codes added for the same issue to avoid conflict.
#advanced_menu_toggle:before {
content: 'Menu' !important;
font-size: 24px !important;
left: 10px;
position: absolute;
top: 0px;
}
#advanced_menu_toggle {
border:none!important;
}
You may not see the changes until the cached files are cleared in your browser.
Please try to 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” and review the site again.
Best regards,
Vinay
My site is qabreadymix.com
Before updating to Enfold 4.0.x my slider images were always showing at the full width of the slider from left to right, the left and right button arrows.
After updating to Enfold 4.0.x the slider images are in boxed layout, and the arrows are left far left and right on the slider.
In slider settings there is no slider width, there is slider canvas which was always set to 1000 with height 470, so that the image will fill the slider at full width.
Despite not changing that setting the slide images are displayed at around 700 px, what could be the problem? I tried everything, the slide image would never display in full width of the slider canvas width. Slide background image width is already set to stretch, still the image shows at boxed layout.
Someone’s help is urgently needed because whatever settings I change it doesn’t change in the front end.
Hi there,
I have tried adding a google font called Dosis to my Enfold theme.
I found the code below in another thread for this type of issue. I copied it in the functions section of the theme. The font is still not there.
I then installed google easy fonts. But when I click the customize button on each page, it does not load with the options to change the typography. I have attached the screenshot to show these lack of options.
Can someone please help me.
add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘Dosis’] = ‘Dosis:400,700’;
$fonts[‘Dosis’] = ‘Dosis:400,700,400italic,700italic’;
return $fonts;
}
add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘Dosis’] = ‘Dosis:400,700,400italic,700italic’;
$fonts[‘Dosis’] = ‘Dosis:400,700’;
return $fonts;
}
Hi Rikard, thanks, I follow your advice but without results:
– try two time to default and set up permalinks setting;
– try to delete that category page and recreate;
– try to delete that category page and rename;
– try to deactivate last three plugin I installed;
– also I forgot to notice you about “Quick edit” button, single product option, in woocommerce that doesn’t work.
Have you notice about any last Enfold update that can cause this issue?
In private I wrote the two subcategories page with problem I discovered for now and credential for site.
Thanks in advance for your help!!
Best Regards.
Nunzio
Hi guys,
I found this topic in the forum which I followed so I could style my contact form 7 with Enfold features: https://kriesi.at/support/topic/styling-contact-form-7-as-enfold-contact-form/
However, the ‘submit’ button seems to be a bit broken as once I fill in the form, it just shrinks and removes the text and nothing happens.
Any ideas please? URL & Login Details in Private Data.
Many Thanks.
Hey AnineOlsen,
Sorry for the late reply, You can create a MailChimp/newsletter pop ups using enfold built-in lightbox feature.
1. Create a new page with your content(newsletter) inside it and hide the header and footer from the sidebar options.
2. Place the button which trigger the popup anywhere on the site.
3. Copy the newsletter page URL and add ?iframe=true to the end of the link while adding the link to the button.
example : If the new page created to display in the lightbox is http://kriesi.at the link to open it in lightbox will be http://kriesi.at?iframe=true
There are many plugins available in the wordpress plugin repository if you like to give it a try :)
https://wordpress.org/plugins/chimpmate/
https://wordpress.org/plugins/mailchimp-wp/
Best regards,
Vinay
Hi!
It is very simple. After installing and activating Enfold, you can simply go to Enfold theme options > Demo Import and then simply click “Click to import” button on the demo you would like to import and it will be imported within few minutes – http://i.imgur.com/q1rwAwP.jpg :)
Let us know if you have any other questions!
Cheers!
Yigit
Hi,
There are many ways you can change the cart icon.
1. Go to fontello.com and select the cart icon you wish to add.
2. Click on customize code and copy the unicode to the below css which looks similar to “E805”.
3. IMPORTANT: Give the icon a unique name in the input field next to the big download button.
4. Download the icon and upload to the theme from Enfold > Import export
5. Update the icon using css please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.cart_dropdown_link > span:before {
content:'\E805';
}
Best regards,
Vinay
Hey jnightingale!
Thank you for using Enfold.
The fields look the same as the default theme fields but you can add this css code to improve it.
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
-webkit-appearance: none;
border: 1px solid #e1e1e1;
padding: 8px 6px;
outline: none;
font: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 100%;
display: block;
margin-bottom: 20px;
background: #fff;
border-radius: 0px;
width: 100%;
padding: 13px;
border-radius: 2px;
}
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
border-color: #ebe8e2;
background-color: #f8f6f2;
color: #9c9288;
}
For the submit button, please use this css code.
.ninja-forms-field[type="button"] {
background-color: #c3512f;
color: #ffffff;
border-color: #a1300d;
margin: 0;
padding: 16px 20px;
border-radius: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
font-weight: normal;
font-size: 0.92em;
min-width: 142px;
outline: none;
}
Adjust the values as needed.
Regards,
Ismael
I just recently bought another licence to set up a Russian version of my site and I’m getting a weird issue with the menu.
The theme seems to stick its own ‘Home’ item on the menu which leads to a page which doesn’t exist.
The real homepage name is in Russian.
I’m setting up the WPML configuration so it will point the site to a completely new site with its own ccTLD.
This is working with the French site already but for some reason the Russian Enfold always wants to put its own extra ‘Home’ item on the menu.
The site is:
It’s at the early stage of being built as I write this. Can you guys help?
Hi!
I am working with Enfold Minimal at the moment. Liking it a lot. Here is the thing. I am trying to create a simple one page site where I can change the images in the slider (instead of the green plants and blue pill bottle images). In other words, I would like my own images in the slider. How can I do that?
Also, How can I change color of the slider buttons (left and right arrows)?
Second, how can I modify and also turn on and turnoff (or add and remove) the main body directly below slider that begins…AENEAN LEO LIGULA, PORTTITOR EU…?
Third, how can I modify and also turn on and turn off (or add and remove) the little Latest Work “gallery” of photos with flip up name tags (computers, sunglasses, etc.)?
Last, How can I modify and also turn on and turnoff the section directly below the “gallery” called What My Customers Say About Me?
Finally, am I missing something because I thought there was a way in pagebuilder or another easy way for me to add in a “call for action” Button Widget that can link to my sign up page or to my contact e-mail, etc.?
Thanks so much for the questions. Yeah, I know, why don’t you just write a whole new theme for me, right? Thanks anyway!
Hello, I have a problem with the mailchimp integration: it is not refreshing. I press the “check API” button but what I see is an old version of the form that I want to integrate. This is happening also after I have reset the Enfold settings and reconnect to mailchimp.
I would need a solution that either:
– let me know how I can fix this
– please if not point me to the information of how I can add a mailchimp embedded form to a blog post. I have tried to put the HTML code of the embedded form into a code block container, but the submit is not redirecting me at the correct page (as been setup in mailchimp).
here is my “submit” button:
<div><input type="submit" value="Teilnahme an der Verlosung" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
-
This topic was modified 9 years, 1 month ago by
vladbejenaru.
Hey ozoner,
We would be glad to help you with this customization, but at the moment there is no easy way to do this by using a small custom code snippet, so I am afraid it’s out of the scope of our support.
However you can enable debug mode by adding the code provided in this link to your functions.php file which can be accessed from Appearance > Editor http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
This let’s you view the shortcode for all the page elements. Which is easier to copy and paste it.
Another way to show the menu page in multiple places in an iframe is possible. But you have to place buttons inside of accordion or just use buttons instead of accordion.
Button elements can open a lightbox window and display any content inside it.
1. Create a new page with your content inside it and hide the header and footer from the sidebar options.
2. Copy the page URL and add ?iframe=true to the end of the link.
example : If the new page created to display in the lightbox is http://kriesi.at the link to open it in lightbox will be http://kriesi.at?iframe=true
Best regards,
Vinay
Hi,
There are two way’s you can set this up:
1. Create a header widget area by applying the code provided in this link to functions.php http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
and add the button html code in the widget area.
2. Create 3 button styles menu items from Appearance > Menu
We recommend using the 1st method as this will display the buttons the same way it does on desktop.
By using the second method to access the buttons users will have to click on the hamburger menu icon.
You can copy the button shortcodes to the header widget area and add the css in the link provided earlier to quick css section.
Should you have any issue Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
Vinay
Roberta Guest
Hi, I have an issue Enfold and when I view my site on Mobile some buttons and moving images. On PCs you see very well, but on smartphones not. How can I fix the problem? Have you a plugin for that? Thank you
Hi Vinay,
Thx, I’m looking for a second page on my website to put all my projects on; a bit like this ons behaves: http://kriesi.at/themedemo/?theme=enfold-overview (note: couldn’t get the right link directly, so getting there on this overview page is by selecting on the left button above the ‘Angular’ theme).
And then I would like to showcase only a few of them on mij startpage that is set up with the Enrique theme.
The portfolio that’s in there now only shows thumbnails, not the projectdetails etc. which I would like to have also on the startpage (actually it’s a then a copy of the project on the second page).
I like the lay-out of the portfolio on the startpage (one page) of Enrique. Best would be: square images next to each other and when you scroll over it will love name of the project eind by clicking them opening the details and more pics like in the theme demo above.
The last square on my startpage will then be a ‘more of this’ button to get to the second page with all projects (and you can also will be able to get there by the menu on top).
That’s what I have in mind… But maybe I have to start with another base-theme that’s more into portfolio and add/build the front/startpage like the Enrique theme?
Best regards en thanks for helping out!
Parcifal
Hi!
You would expect though, reading your message above, that the sidebar would be pushed underneath the full width button, but that is not the case. Which is still very strange…
The element should push the sidebar underneath but there’s something wrong in your page. The actual sidebar markup is missing. I tested this on my installation and it renders the expected layout, the sidebar is beneath the fullwidth button.
That brings me to the point that it is obviously possible in Enfold to use certain elements next to each other that don’t fit together – if you know what I mean.
It’s just a matter of experience in using the builder and its elements. Maybe, we can add a note somewhere so that users will know that full width elements push the sidebar underneath. Anyway, you can still add a full width element in a page and have a sidebar as long as you put the full width element at very top of the page.
Regards,
Ismael
this effect is called Ken Burns and is included in Layerslider (Advanced Layerslider) (New Version Enfold 4 with LS 6)
it seems you have old Enfold Version less 3.85 – i don’t know if the embeded Layerslider has Ken Burns
under each slide on top there is a button “show more options”
There you can find Ken Burns – zoom-in or zoom-out
see here a demo site of KreaturMedia (Layerslider) : Link
-
This reply was modified 9 years, 1 month ago by
Guenni007.
Hey horsevet,
Yes, in your WP Dashboard, go to Enfold > Demo Import > (hover on the demo you want) and click on Click to Import button, take note of the Required Plugins which you need to install before proceeding in importing the demo. You should be redirected to the Theme Options once it’s done importing. Hope this helps.
Best regards,
Nikko
Hi Andy
That’s looking great, sorry just one final thing,
Can you please tell me how do to fix the button hover so it stays transparent and not turn blue of the Enfold theme.

Cheers
Hi, The Text Block element on our site has no Visual or Text tab so I can’t switch back and forth to edit inline CSS, if needed. Clicking on the save button, or close icon, does nothing. The Text Block editor stays open.. All that can be done is to leave the page and reopen it for editing, but no changes are saved.
I do not believe it is not a caching issue as we host on WP Engine and caching is not available on the staging site.
Our deadline to finish this site is rapidly approaching. We need to get this issue resolved as soon as possible. We are currently on WordPress 4.7.3 and Enfold 4.0.2. Please respond as soon as possible.
Thanks…
Hello again,
By the way, I have just updated Enfold and WordPress to the latest versions. But my problem is still on going.
There are 3 images at the private content section below. I tried to explain with these screenshots again. I can add any product to my cart. But my shopping basket is dull. There is not any ajax behaviour. Normally, when user click to add to cart button, product shows at the shopping basket. Shopping basket shows ajax behaviour like as hoover behaviour and basket has a little red circle with product number where the cart has…
Please explore from the screenshots and help me. Thank you..
How can fonts and styling of widgets be modified in Enfold?
For example, at the bottom of the homepage, in the mailchimp newsletter signup widget, I want the name, email fields and the sign me up button, to use the EB Garamond font. How do I change this and the font size as well?
I would appreciate if someone from Team Enfold could help with this.
Thanks.
Ash
Hi,
I’m trying to recreate the homepage of this website with Enfold: http://www.moshezusman.com/ and I’m not sure what elements are the best to use to recreate this. I can distinct a logo on top, some text elements, social icons and the slider as background.
I know that the full screen slider gives you a title, subtitle and one or two buttons. But that’s not enough in this case.
What Enfold elements can I use best to recreate this? Not all slider elements give me the ability to place a bunch of text elements plus the social icons. Or in other words: How do I get the background to behave like a simple slider and keep the ability to place other elements as I wish?
EDIT: it would be perfect to be able to use video as background also. Just like the normal content sections.
Looking forward to your suggestions!
Thanks in advance.
-
This topic was modified 9 years, 1 month ago by
Mike.
Hi,
Login credentials are not working for me. Can you please check them once again?
Also, please go to Enfold theme options > Blog Layout and make sure that you checked social networks you would like to display in social share buttons. If you are using, Advanced Layout Builder to create your posts, please add Social Share Buttons element under Content Elements tab of Advanced Layout Builder to the bottom of your posts. The same goes for Comments element as well :)
Best regards,
Yigit
I just recently bought another licence to set up a Russian version of my site and I’m getting a weird issue with the menu.
The theme seems to stick its own ‘Home’ item on the menu which leads to a page which doesn’t exist.
The real homepage name is in Russian.
I’m setting up the WPML configuration so it will point the site to a completely new site with its own ccTLD.
This is working with the French site already but for some reason the Russian Enfold always wants to put its own extra ‘Home’ item on the menu.
The site is:
It’s at the early stage of being built as I write this. Can you guys help?
Hi Ismael,
Now I know what I was doing: making live far too complicated ;-) After having created a couple of Enfold websites now, I started to try a few things out and got mixed up in combinations that apparently don’t work.
For the pages I wanted a sidebar for, the colour sections and grid rows were not really necessary. So I deleted all of them. However, I still didn’t see the sidebar. Then I realized that on the bottom of the page I used a full width button. Is that the reason why the sidebar is not shown? You would expect though, reading your message above, that the sidebar would be pushed underneath the full width button, but that is not the case. Which is still very strange…
So, I have to take out the full width button, which is (from a styling point of view) really a pitty :-(
That brings me to the point that it is obviously possible in Enfold to use certain elements next to each other that don’t fit together – if you know what I mean.
However, I still like Enfold very much :-)
Regards,
Monique
Hello, I’m having the same/similar issue. The Text Block element has no Visual or Text tab so I can’t switch back and forth to edit inline CSS, if needed. Clicking on the save button, or close icon, does nothing. The Text Block editor stays open.. All that can be done is to leave the page and reopen it for editing, but no changes are saved.
I’ve determined it is not a caching issue as we host on WP Engine and caching is not available on the staging site.
Our deadline to finish this site is rapidly approaching. We need to get this issue resolved as soon as possible. We are currently on WordPress 4.7.3 and Enfold 4.0.2. I offer any help I can, to help resolve this.
Thanks…
K
-
This reply was modified 9 years, 1 month ago by
kylerollins.
Hi, Same problems. This is not the sense of “Responsive”, lovely Enfold Guys. Responsive means: On every device it’s a pretty look.
There are more stuff, which is not responsive. If you have more than 8 signs, it’s too difficult for Enfold to implement a rule. It’s better for enfold to answer again and again. I wan’t know, how many user make a responsive test on different devices. I think, most of them use one device and if it this o.k, than is it ok. And with the new ugly tab section, it’s the same stuff. i create a task.
@media only screen and (max-width: 1310px) {
.avia_iconbox_title {
font-size: 16px !Important;
}
.avia-button-fullwidth {
!padding: 1%;
!margin: 1%;
}}
@media only screen and (max-width: 1050px) {
.avia_iconbox_title {
font-size: 14px !Important;
}
.responsive #top #wrap_all .container {
padding-left: 5px;
}
h1 {
font-size:18px;
}
h2 {
font-size:16px;
}
h3 {
font-size:14px;
}}
-
This reply was modified 9 years, 1 month ago by
Hokuspokus.