Hey!
The social icons and buttons, slider navigation etc should show exactly as they are. Can you please give us a link to your website? Please create a test site using the latest Enfold version. I’m not sure about the “CDN” issue. Let’s wait for Kriesi and Dude’s response.
Cheers!
Ismael
Hello!
First, please edit css > shortcodes.css, find this code on line 1057:
@media only screen and (max-width: 767px)
{
.responsive div .avia-data-table table,
.responsive div .avia-data-table tbody,
.responsive div .avia-data-table tr,
.responsive div .avia-data-table td,
.responsive div .avia-data-table th{display:block; border-top:none; border-right:none; border-left:none; text-align: center;}
.responsive .avia-data-table{border-style:solid; border-width: 1px;}
.responsive .avia-data-table .avia-pricing-row .avia-desc-col{text-align: center;}
.responsive .avia-data-table .avia-button-row, .responsive .avia-data-table tr:first-child th{display:none;}
.responsive .avia-data-table td:before {
display:block;
font-style: italic; font-size: 11px;
}
.responsive .avia-data-table td {
position: relative;
}
}
Remove it. We might need to adjust the table width.
Regards,
Ismael
Hey!
Please download Enfold version 2.3.2 on your themeforest account. Update your installation via FTP: https://vimeo.com/channels/aviathemes/64927356
Best regards,
Ismael
Hi Suicide Rescue!
You need to manually translate the strings or text. Use this software to create the .mo file. http://www.poedit.net/
Best regards,
Ismael
Hello!
@yusufhgmail Please refer to this post https://kriesi.at/support/topic/i-can-not-create-any-3d-transitions-enfold-responsive-multi-purpose-theme/#post-130631
@websitegurus You do not need to get angry. It is very normal that Ismael thought that error was caused because of a damaged or corrupted file. Please, you too refer to the topic above if issue persists on your end :)
Cheers!
Yigit
Nope. The files are not corrupt. You are misguiding him with your advice to re-download the entire package. The javascript files are simply not there, or for some highly odd reason, they vaporize in thin air from the inside of a zip file upon download. They simply don’t exist in the folder. Go look for yourself. The PHP error message in his screenshot tell you the story and exactly where to look. It will take you a few seconds with a wildcard *.js search on your local computer to confirm this. We have the same PHP error messages here with three downloads from two different versions of Enfold. I would suggest you also look for other missing javascript files too. Because there’s more than one that’s missing in action.
When you replace the missing files, it sure would be good to give an announcement to your customer base in some fashion. Fortunately, the javascript files are not major features to the slider plugin and don’t affect the entire theme much. It still works, but lacks customization in areas and some of the buttons don’t fire the appropriate javascript functions due to the missing scripts.
Hi Devin,
I modified the file custom.css to enfold / css and I have put on the desktop css media query you said.
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
height: 300px;
line-height: 300px;
}
}
I have increased the value of the logo from 167 to 300px.
Logo.png image also I left at 300px and I uploaded it to wordpress.
The result is:
1) Explorer, chrome and safari ok.
2) Firefox when page load first (HTTP code 200) very small image returns. When subsequent load (HTTP code 304) the image correct returns.
3)Without modifying the css and upload a 150px image also happens.
It seems to be a problem only with the first load firefox.
Try to make a reload in firefox by pressing the “shift” key to clear the cache and you’ll see.
167px is very small for customers…;), they want to see your logo bigger ;)
As I can do to fix it?
Thank you!
Xavier.
Hey simon975!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.grid-image img { height: 120px; }
@media only screen and (min-width: 768px) and (max-width: 1139px) { .grid-image img { height: auto; } }
On some screens it may not be as neat because title lenghts are not equal
Cheers!
Yigit
Hi There, I’m looking at the info graphic animation on the home page of Kriesi.at , it is titled “The Basics What You Get With Every Theme” I’m wondering if I can create one with my enfold theme or if it is a short code or plugin.
Best — George
I am using WP Super Cache hopefully that is a good thing, I have another plugin that usually speed things up but with your theme it slows the page load down so I will go talk to them about that and see if I can get it to help things load faster.
My page speed is kinda ok for the desktop page load speed I just did not like seeing the errors, but the mobile part seems low to me at 71 out of 100 so unless I can get that faster I will have to add a separate mobile theme sadly.
Thanks for trying to explain things.
Hi frankster1234!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.title_container { display: none!important; }
Cheers!
Yigit
Hey there,
I am looking to implement a ‘zoom’ for one of my images. I didn’t see anything offered for this within Enfold, so I purchased a simple jQuery code that would allow me this option.
http://codecanyon.net/item/epic-image-zoom/264395
I can usually find my way around code fairly easily, but the ‘advanced layout editor’ I use with Enfold has me a bit perplexed as to where I would enter in the code required. I already uploaded the js files and updated the <head> tags in header.php — and so now I just need to adjust the code for the actual image.
Here is what they provided to initialize the zoom:
jQuery(document).ready(function($){
$(‘.images-that-need-zoom’).epicZoom({ magnification: 2,
hideCursor: true });
});
Any suggestion on where/how to implement this code within Enfold would be most appreciated!
Thanks so much,
Jason
Hello,
Please tell me how to implement the following into the enfold theme. I need the logo to include this markup and not sure how to add it because of the php involved with the enfold logo. Thank you
Using schema.org Organization markup, you can indicate to our algorithms the location of your preferred logo. For example, a business whose homepage is http://www.example.com can add the following markup using visible on-page elements on their homepage:
<div itemscope itemtype=”http://schema.org/Organization”>
Home

</div>
This example indicates to Google that this image is designated as the organization’s logo image for the homepage also included in the markup, and, where possible, may be used in Google search results. Markup like this is a strong signal to our algorithms to show this image in preference over others, for example when we show Knowledge Graph on the right hand side based on users’ queries.
Hello totofunk!
You should go to enfold\includes folder and open loop-index.php file and find these lines in between 150-159 http://i.imgur.com/wJTc1NU.jpg
and comment them out with // as shown here http://i.imgur.com/KGGDUYH.jpg
Cheers!
Yigit
Has anyone asked for ability to insert buttons via shortcode within the layout builder Text Block? Currently I have to create one on another page and then copy that shortcode and come back to that page. Very unproductive.
Hey!
Solution here should work https://kriesi.at/support/topic/menu-bugstable-desktop/#post-173657
We do not know which version of Enfold you are using. Maybe you are using old one and need to update the theme in order to troubleshoot the issue
Best regards,
Yigit
Hi totofunk!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 768px) { #header_main { padding-bottom: 0px!important; }
strong.logo { height: 120px!important; } }
Regards,
Yigit
Hi frankster1234!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.container_wrap { border-top-style: none; }
Best regards,
Yigit
Hi JayBlay77!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired
@media only screen and (max-width: 480px) { .responsive .container { width: 370px; } }
@media only screen and (max-width: 767px) { .responsive .container { width: 420px; } }
Best regards,
Yigit
You are welcome, glad we could help.
Regards,
Josue
Hey Alex!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.cart_dropdown.visible_cart { z-index: 9999; }
Regards,
Yigit
Hi timfl!
If you are using Enfold version 2.3+ you can upload icons from Fontello. Please see this post http://kriesi.at/archives/enfold-version-2-3-say-hello-to-our-new-iconfont-uploader
Best regards,
Yigit
Hey freewaystar!
Integrated version of LayerSlider works only FullWidth in Enfold. You can use Easy Slider in this case
Best regards,
Yigit
Many thanks, you’ve been a great help!
Hey simonac!
You should go to Appearance > Menus and and uncheck Enfold Secondary Menu in Menu Settings http://i.imgur.com/W0HjERI.jpg
Best regards,
Yigit
Hey!
@minestelecom Thank you for your contribution! :)
To keep here more clear, please request features here https://kriesi.at/support/topic/enfold-feature-requests/
Cheers!
Yigit
Hi shriii!
If you would like to remove whole post meta, add following code to Quick CSS
.post-meta-infos { display: none; }
If you would like to remove only date, go to enfold\includes folder and open loop-index.php file and find following code in lines between 113-116
http://i.imgur.com/xwNgomo.jpg
and comment them out by inserting // in front of all 4 lines
Cheers!
Yigit
hi Yigit,
I’m using the layer slider that comes with the theme Enfold and i will like to add a small 400px layer slider between the logo and the social buttons in the header.
I’ve tried doing that using the standard WP php call to a shortcode. Its not working. Can you guys help me get a layer slider in the header? Thats what my client wants. How can i do that?
Thank you!
Hello kevbikemad!
In “Header with social icons and bottom navigation” type of header social icons are on the right side already http://i.imgur.com/FkaDow0.jpg. Please add following code to Quick CSS in Enfold theme options under Styling tab to move sub-nav to the left
.sub_menu { left: 0; margin-left: -15px; }
Best regards,
Yigit
I have comments disabled and only want to have the date display (without “0 comments”). I have followed the instructions here, first in my child theme and then in Enfold, but this solution doesn’t work for the Post Slider content element. Thanks for your assistance.