OK, now I activated 2012 theme and all issues are gone. Switching back to Enfold brings the problem back. So quite sure a theme related issue.
The SSL thing seemed to be coincidence.
Can you please have a closer look?
Thanks,
Armin
Hey smorrone!
You can change the default icons used for things with this: http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/
And add in your own icons with http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/ .
If you wanted to use image based icons then I would suggest using a third party plugin instead since the theme only uses font based icons.
For the separator, you can do something like this:
.home .avia-builder-el-11:before,
.home .avia-builder-el-15:before{
content: '';
height: 220px;
border-left: 2px solid #B83B3B;
display: block;
position: absolute;
left: -30px;
visibility: visible;
}
It doesn’t have full browser support since its using :before but it will work in most modern browsers. Just make sure that you put it inside a desktop only media query (see example in the css>custom.css file of the theme files) so that it doesn’t show up on mobile/tablets unless you want it to of course.
The css is targeting those specific elements on that home page so if you move things around it would need to be changed.
Best regards,
Devin
Hello,
I was trying to upgrade my Google Analytics but it needs to update the javascript on the site: https://support.google.com/analytics/answer/2444872?hl=en&utm_id=ad
Is it planned to update the embedded analytics script of Enfold?
Hi, I have installed an ssl cert and I am using Enfold with WooCommerce. When I go to checkout I get a yellow not a green padlock in Chrome. After investigating it appears my 2 background images (I am using boxed layout) aren’t been served over https. How can I fix this please?
Hi cspoda!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
1-
@media only screen and (max-width: 480px) {
.responsive .mobile_slide_out .logo {
height: 100px;
}}
2-
@media only screen and (max-width: 480px) {
.page-id-2381 .avia-button-wrap {
padding: 0 !important;
}}
Regards,
Yigit
Hi arconics!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
#header_meta {
height: 100px; }
.responsive #header_meta .sub_menu>ul>li {
padding: 0 7px; }}
Cheers!
Yigit
Hey vastaffer!
Please turn on Custom CSS field – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
and give your iconboxes custom class, for example “remove-icon” and then add following code to Quick CSS in Enfold theme options under General Styling tab
.remove-icon .iconbox_icon { display: none!important; }
Regards,
Yigit
Hi,
I’d like to setup a homepage that looks like:
http://kriesi.at/themes/enfold/homepage/transparent-header/
However, I cant find an example of the page in the dummy content import.
Could you please help?
Thanks,
Christian
Hey!
Please update Enfold to the latest version 2.8.1 via FTP – http://vimeo.com/67209750
With the latest version, you are now able to add Masonry element inside columns.
It seems like you have Tabs element added on your page. Please remove it from bottom of your page
Regards,
Yigit
Hey Richard!
Honestly, i have never heard of such issue before Richard. Do you mind creating a temporary admin login and posting it here privately so we can take a look?
Please make sure that you are using the latest version of Enfold and WordPress and deactivate all active plugins
Regards,
Yigit
Hi Yigit,
I tried to add this code tot the functions.php file in the root of the theme, at the bottom of the file.
//set builder mode to debug
add_action(‘avia_builder_mode’, “builder_set_debug”);
function builder_set_debug()
{
return “debug”;
}
Nothing seem to happen. I use the most recent Enfold theme version and WP 3.9.1
Hi kpundyk!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.main_color .pagination .current { color: white; }
#top .pagination a { color: yellow; }
Cheers!
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
1-
@media only screen and (max-width: 1140px) {
.main_menu { display: none !important; }
#advanced_menu_toggle, #advanced_menu_hide, #mobile-advanced { display: block !important; }}
2-
#mobile-advanced { background-color: rgba(255,255,255,0.7); }
#mobile-advanced li { text-align: center; }
3- It is possible but requires adjustment on the current code. Please hire a freelance developer for that customization
4-
.main_menu { background: rgba(255,255,255,0.6); }
Best regards,
Yigit
I put this
.my-custom-class .iconlist_icon:hover { background-color: red; }
in both the Quick CSS in Enfold theme options under General Styling tab and in the Custom Css Class in the IconList.
Still no change.
What am I doing wrong?
Hi garyguthrie!
You can save templates you have created using Avia Layout Builder and load them on other pages http://i.imgur.com/pkv1y7C.jpg
You can also import dummy content in Enfold theme options > Import/Export > “Import Dummy Content: Posts, Pages, Categories”
Best regards,
Yigit
How can we copy elements/blocks/etc. from, say, the “Recent Work” slider in your theme demo or the Ajax Portfolio at (see private pages)? It might save users a lot of time trying to mimic your great work and save you guys a lot of time answering our questions of how to do something.
What do you think?
Hello,
I am considering trying to include a number spinner onto my site. In the same way its been done on http://kriesi.at (under the main slider). Is this possible to do through the Enfold template or does it require a separate plug in?
If it does need a plug in / special coding – would you be able to tell me what these number spinners are normally called – they are everywhere these days on websites but I have been Googling and can’t seem to find out what they are normally referred to as.
Your help is appreciated.
James
Hi garyguthrie!
Please firstly turn on custom CSS field for elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
then add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.my-custom-class .iconlist_icon:hover { background-color: red; }
Regards,
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.main_color .av-masonry {
background-color: white;
}
P.S.: Your website looks awesome! We have a showcase thread here – https://kriesi.at/support/topic/enfold-showcase/ feel free to share it there :)
Best regards,
Yigit
Hi Yigit,
It appears that the problem was that Enfold isn’t compatible with ‘Use Google Libraries’ plugin. Deactivating that plugin seems to have fixed it.
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.container_wrap .hr.avia-builder-el-last, body .container_wrap .hr.avia-builder-el-first { margin-top: 22px; }
.widget { padding-bottom: 0; }
1- Heading elements have 8px of bottom margin
2- Widgets have 30px of top and bottom padding
Regards,
Yigit
Hey Robert!
Please update Enfold to the latest version 2.8.1 via FTP – http://vimeo.com/67209750
If that still does not help, please try deactivating all active plugins
Best regards,
Yigit
We recently upgraded Enfold and WordPress (to 3.9.1) and the tabbed content is now inactive. The active tab is displayed and its content displayed, but any inactive tabs are being loaded at the bottom of the tabbed content box and do not respond to being activated. Looks like a javascript misfire, but don’t know for sure.
Hi!
Please go to Enfold theme options > Advanced Styling > Main Menu Links and change font family as needed
Best regards,
Yigit
Thanks again to the Enfold team and Kriesi … I’ve been building WP websites for many years, and this theme is by far the best I’ve ever worked with for ease of setup, use, and customization. Support is helpful, respectful (no insulting ‘clear your cache’ responses), and they follow through. I am beyond impressed, and a customer for life. This is the first of many sites I’ll build with the Enfold theme:
Gypsy Jule
Hey t3lgroup!
Do you mean Footer options in Enfold theme options or Footer widgets? How do you update the theme?
Regards,
Yigit
Hi kpundyk!
Please go to Enfold theme options > Sidebar Layout and check “Sidebar on Smartphones”
Cheers!
Yigit
Hey motylanogha!
Using HTML on code block element it should be possible. Do not forget to give it a custom CSS class to make it fixed – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Regards,
Yigit