Looking for ways to improve the layout of our products section for this website:
http://hedgeports.com/fitness-exercise-equipment/
The layout is missing something, it looks good but something is just not right. I was messing around with the colors, different options, making 2 columns and 4 columns instead of 3 but no luck. Something is just off. Is there a way to modify the tabs to make them look more “cool” or professional?
Any help on this is greatly appreciated! Not looking for anyone to just do it, just looking for ways of improving what is already there, any comments are welcomed!
Thanks in advance! Great Community!
Benjamin
I have just updated to WordPress 4.0 and, while the website front end is fine I have found mulitple problems in the admin panel.
1. Pages using Avia Layout Builder won’t finish loading, there’s just a spinning icon. Advanced Layout Editor can’t be selected in new pages.
2. Appearance > Widgets – cannot add, change or move any of the widgets.
3. Dashboard – no fly-out sub-menus until the main item is clicked.
4. No side menu in Enfold Child Theme Options.
5. In Woocommerce, the product entry pages are one long list, there’s no side menu for Product Data and any collapsible sections of the page, such as Variations, aren’t collapsed.
6. No images showing in Easy Media plugin pages.
I am using Enfold 2.8.1 at present, should I update to 2.9.2, or will that complicate things? If I have to update, how will I do it if I can’t get to the Theme Update window in Enfold Child Theme Options?
it is a conflict with WPML CMS! how to solve this?
Wordpress 4.0
Enfold 2.9.2
WPML cms Version 3.1.7.2
Hi.. a client’s designer has drawn up this “lovely” drawing of what he wants but I cannot figure out what elements of Enfold I will use to build it! The plan is that the slider will scroll through all the products that are in the shop.

I will be installing it on the frontpage of GOD-DAG.dk
Could you give me some pointers?
Much appreciated!!
-
This topic was modified 11 years, 6 months ago by
Netzie.
How can I insert pictures into any of the image galleries in Enfold when the images are hosted off server, such as on Picasaweb or Flickr? Our organization has thousands of images that we want galleries smattered about on the various pages, but I don’t want to host them on my server due to size/space/bandwidth limitations.
I uploaded a plugin that would do the hook up, but when using the gallery function within Enfold it doesn’t connect or show the outside service.
Is there a plugin you can recommend that will permit this?
Hey!
Are you using the latest versions of Enfold, WordPress and Yoast? can you post a link to your website?
Cheers!
Josue
Hi Seth!
Yes, that will make any Enfold contact form loss its styling, is that a problem for you?
Best regards,
Josue
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 989px) and (min-width: 767px) {
div .av_one_fourth {
width: 48%;
}}
Cheers!
Yigit
Hey!
The UX for them is terrible however is the ability to activate them on smaller screens overlaps with the navigational elements of the slider. Add in that iOS conflicts were causing performance issues and the requests to force a fallback instead of rendering it were overwhelming.
Add in that slideshows are widely ignore on websites by visitors and its not something we get a lot of requests for at this point and pulling it off is a significant investment of time and further bug fixes whenever a new mobile OS gets rolled out.
If its a must-have feature you can add it to the enfold feature request page here and Kriesi will see it if it gets enough traction: kriesi.at/support/enfold-feature-requests/
Best regards,
Devin
Hey lizybloom!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.themify_announcement.bottom {
left: 0;
}
Regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
div .av_one_third {
margin-left: 0;
width: 30%;
}
body .column-top-margin {
margin-top: 10px;
}
If that does not work as expected, please post the link to your website
Best regards,
Yigit
Hey Madame_z!
Make sure you are on Enfold version 2.9.2. It was released just before WordPress 4.0 so that the theme would support the changes in WordPress.
For a quick guide on updating your theme take a look at this video on updating the Enfold theme via FTP: https://vimeo.com/channels/aviathemes/67209750
Cheers!
Devin
HI Ismael,
No I had the latest version of the enfold theme when I started developing this site. I just started few days ago and theme version is 2.9.2. We created these sliders with the current version. Did you try logging in and create new slider? It doesn’t show a preview even if I create a new slider. So can you please help me fix it as I need it seriously!
Thanks !
-
This reply was modified 11 years, 6 months ago by
icvdm. Reason: spelling
Hey!
There is currently a bug with the menu import but we weren’t planning on putting out a bug fix release since 3.0 is so close to being released and since every user will need to edit their menu for their own site anyway.
Take a look a this video for a bit of help on editing the menu and adding in Mega Menu functionality. The imported menu wasn’t able to include the mega menu in the demo data up either so we have the video to help:
http://kriesi.at/documentation/enfold/setting-up-your-mega-menu/
Best regards,
Devin
Hey renee01!
No plans that I know of but if it isn’t already you can add it as a feature request to https://kriesi.at/support/enfold-feature-requests/
If its a must-have feature I would recommend a freelance developer who can add in the customization for you to a child theme. Codeable is the best place to hire someone specific to WordPress themes.
Cheers!
Devin
Hey mcraig77!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#footer .widgettitle { color: black; font-family: arial; }
#footer p, #footer a { font-size: 14px; }
#footer { max-height: 200px; }
#footer * { border-color: #628029!important; }
If that does not work, please post the link to your website
Regards,
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.av-main-nav>li>a {
letter-spacing: 1px;
}
You can use ’em’ instead of ‘px’
Best regards,
Yigit
Hey codecreative!
1- Can you post a screenshot and show the changes you would like to make?
2- Please see – http://kriesi.at/documentation/enfold/portfolio-item/intro-to-the-header-configurator/
Best regards,
Yigit
Hey!
Sorry for late reply! You can go to wp-content/themes/enfold and remove config-layerslider folder and it should work fine.
Regards,
Yigit
Hi!
Please go to wp-content/themes/enfold/includes/admin folder and open register-admin-options.php file and find
$avia_elements[] = array(
"slug" => "styling",
"name" => __("Quick CSS", 'avia_framework'),
"desc" => __("Just want to do some quick CSS changes? Enter them here, they will be applied to the theme. If you need to change major portions of the theme please use the custom.css file.", 'avia_framework'),
"id" => "quick_css",
"type" => "textarea"
);
and change it to
//$avia_elements[] = array(
// "slug" => "styling",
// "name" => __("Quick CSS", 'avia_framework'),
// "desc" => __("Just want to do some quick CSS changes? Enter them here, they will be applied to the theme. If you need to change major portions of the theme please use the custom.css file.", 'avia_framework'),
// "id" => "quick_css",
// "type" => "textarea"
// );
Best regards,
Yigit
Hi saki!
Please choose to display – logo center, menu below in Enfold theme options > header layout and then add following code to Quick CSS in Enfold theme options under General Styling tab
.html_header_top.html_logo_center .logo { left: 0; }
Cheers!
Yigit
Hi!
You are welcome, glad we could help :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Regards,
Yigit
How do we center the main menu?
I was given the CSS below, but it is unfortunately, not centered. Thank for your help!
.av-main-nav > li > a {
border: none!important; }
.av-main-nav > li > a > .avia-menu-text{
position: relative;
}
.av-main-nav > li > a > .avia-menu-text:after {
content: “”;
position: absolute;
right: -13px;
border-right: 1px solid #e2e2e2;
height: 100%;
top: 0px;
}
.av-main-nav > li:last-child > a > .avia-menu-text {
border: none!important; }
I would post on the original thread, but it was closed:
https://kriesi.at/support/topic/enfold-menu-does-not-look-like-the-theme-settings/
This reply has been marked as private.
HI,
after a standard installation of enfold i decide to import dummy datas before begin to work on my site.
And it happen this (take a look / URL :
SO I don’t know why ? Do you have ever seen things like this ? Have you any solution ?
Thanks for your answer.
nicolas
Hi farrdesign79!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
a#scroll-top-link, a#scroll-top-link:hover {
background: transparent;
border: none;
font-size: 26px;
}
Regards,
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
select#spcdm_batch_plug {
display: inline !important;
}
If that does not help, please post a screenshot and show how it should look
Best regards,
Yigit
Hi Sigrid!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.main_menu ul:first-child > li a {
line-height: 230px;
}
Cheers!
Yigit
Hey slimmer1!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
.content, .sidebar { padding-top: 10px; padding-bottom: 10px; }}
Cheers!
Yigit
Hi OlivierCharlot!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.sidebar p {
color: #666666;
}
Best regards,
Yigit