Hey,
You can select this options on Enfold > Styling. You can also use this on your custom.css or Quick CSS:
1.) Make the header background black:
.header_color .header_bg {
background: black;
color: white;
}
2.) Make menu font white:
.header_color .main_menu ul:first-child > li > a {
color: white;
}
Hover State:
.header_color .main_menu ul:first-child > li a:hover {
color: black;
}
3.) You can use this on your custom.css or Quick CSS:
/*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a{ height:88px; line-height: 88px; }
Change the height and the line-height.
Regards,
Ismael
Hey,
The “Slideshow Image Size” is not the size of the actual slider but the kind of thumbnail that you want to use on the slider. You need to constrain the Easy Slider element on a column element or put it on a div with a specific width and height. It will always inherit the size of its container.
Cheers,
Ismael
Hey,
You should update Enfold to 2.0.1 if you upgrade to WordPress 3.6. All sliders will break down on WP 3.6 but it will be fix when you upgrade to Enfold 2.0.1. :)
Cheers,
Ismael
Hi Wol1959,
First thing to try is update your theme to the most recent version available from your downloads on ThemeForest. 1.9 had a few bugs that 1.9.1 fixed a day or so later but the newest 2.0+ has fully ironed out the slideshow issues that came up with WordPress 3.6.
For a quick guide on updating your theme take a look at this video on updating the Enfold theme via FTP: https://vimeo.com/chanels/aviathemes/67209750
Regards,
Devin
Hi,
I have recently purchased enfold and i am a “choices theme” user as well. In the past we would design our page template under choices menu using the template builder then in the post have the ability to SELECT the page template we just built. However i have realised that enfold works differently. First of all i have enabled the advanced layout builder in POSTS :) using the meta.php hack. Aside from that how would one replicate a “similar” process like choices ? ie. I have a set amount of posts which need to have the “same” top and tail ? In choices i would set up a simple page template with the top banner lower banner and inbetween those add an element “page/post content”
ill explain better, so basically i want to have the ability to add a image above the post and below the post BUT not have to do it manually everytime i start a new post, i just want to be able to go over to the right hand side and SELECT the page template to be applied to this post OR what ever other method you can do now with enfold i hope that makes sense !
Bass
If you want to actually increase the size of the image then just changing the image dimensions wouldn’t do it. I though you were still trying to get the image to just be the correct size for the container on that page.
The image and content are in 2 sections of the grid for that page. They are wrapped by 2 functions in the config.php file in the config-woocommerce folder of your theme files.
Look for:
#
# wrap single product image in an extra div
#
add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2);
add_action( 'woocommerce_before_single_product_summary', 'avia_close_image_div', 20);
function avia_add_image_div()
{
echo "<div class='four units single-product-main-image alpha'>";
}
function avia_close_image_div()
{
global $avia_config;
$avia_config['currently_viewing'] = "shop_single";
get_sidebar();
echo "</div>";
}
#
# wrap single product summary in an extra div
#
add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25);
add_action( 'woocommerce_after_single_product_summary', 'avia_close_div', 3);
function avia_add_summary_div()
{
echo "<div class='eight units single-product-summary'>";
}
The images are in 4 (four) columns of the 12 column grid and the rest is in 8 (eight) columns. You can change the classes to change the container sizes as needed.
Regards,
Devin
Hi There
Thanks for your reply. I did all of that and yet still no result. Any ideas?
Cheers
Jase
When you look at the live demo page, it’s the text directly across from the Enfold logo – “Home, Features, Headers, Portfolio” etc…
OK, just figured it out. I deactivated the “Websafe fonts fallback for Windows” and now it works. WHEW!!!
Admin panel/enfold/styling You can easily change header settings (background, font color) there.
I’m not really sure what could be happening at this point. I’m using a pretty standard Windows 7 install on 2 different machines and am not having any issues with the icons on your site in IE, Firefox or Chrome.
I’ll tag the topic for the rest of the support crew but unless we can actually see and re-create the issue I’m not sure what else we could do.
Regards,
Devin
Am using newest theme version of Enfold (2.01), and cannot get Avia Layout Builder to load when attempting to edit a page. When I first open the browser it works fine, then eventually gets hung up on all pages using the builder. I am using Chrome on Mac, but have also tried in FF and Safari with the same results. Using the most recent version of WordPress as well (3.6).
UPDATE: Just as I write this, I revisit the page and it loads fine, but I expect it to continue this behavior in time, so I will continue with this thread. I have disabled all plugins and that seems to do nothing as well. Page Refresh does nothing. Cache clearing does nothing, unless I completely restart the browser. Just wondering if anyone else is having this issue, and what their solution is?
Hi guys.
It looks like everyone’s having the logo issue with Enfold and it was brought to my attention by a coworker using a PC and still using IE as his default browser (I still cant believe people use IE but obviously they do)…
I’m a Mac user and use Chrome, Firefox and Safari on a daily basis. Enfold works famously on any of these browsers but the problem here is that Microsoft (as always) is buggy junk and IE should have been terminated back in 1999. There are still millions of people out there that use IE on a daily basis as their default browser, and this is something that the Kriesi team needs to take into account.
Enfold is NOT complete out the box and every site running Enfold is broken on any version of IE… I checked numerous PC’s using different versions of IE, and no matter what, my logo was distorted.
I read through many of the posts in this forum and have tried many of “Dude’s” recommendations to use css to fix this, including:
.logo img {
width: 300px;
height: 54px;
}
.logo img{
width: 60px;
height: 60px;
}
…and even tried using the exact logo dimensions such as:
.logo img {
width: 245px;
height: 65px;
}
And none of these suggestions worked. I did find that the snippet below is all that needs to be added and fixes the IE problem while not messing with Chrome, Firefox, or Safari:
.logo img {
height:auto;
}
I personally think this needs to be added to the theme and an update should be issued asap so that this issue is solved for everyone out of the box once and for all.
Cheers!
Hi guys. It looks like everyone’s having this issue with Enfold and it was brought to my attention by a coworker using a PC and still using IE as his default browser…
I’m a Mac user and use Chrome, Firefox and Safari on a daily basis. Enfold works famously on any of these browsers and the problem here is that Microsoft (as always) is buggy junk and IE should have been terminated back in 1999. It’s sad that there are still millions of people out there that use IE on a daily basis instead of any other browser, and this is something that the Kriesi team needs to take into account.
Enfold is NOT complete out the box and every site running Enfold is broken on any version of IE…
I have read through many posts in this forum and have tried many of “Dudes” recommendations on using css to fix this including:
.logo img {
width: 300px;
height: 54px;
}
or using the exact logo dimensions such as:
.logo img {
width: 245px;
height: 65px;
}
But have found that the snippet below is all that needs to be added and fixes the IE problem while not messing with Chrome, Firefox, or Safari:
.logo img {
height:auto;
}
I personally think this needs to be added to the theme and an update should be issued asap so that this issue is solved for everyone out of the box once and for all.
(2) And I’m referring to the “Gallery” thumbnails size for the theme!
Is this controlled via WP? or the Enfold theme options? or CSS?
thx again
Hey,
That did it. You’re the man Ismael!
Thanks,
Jonathan
I’ve Enfold 1.9 and using WordPress 3.5 … Do I have to update ..for by now looks like there is no problem..I ‘ll watch it for the future.. if it happens again I ‘ll let you know immediately.. before it happens I had set capcha widget ..Now I have cleared from my system ..
Thanks for your attention and support..
Yucozt
Hello,
I did de update to WP 3.6 and the last Enfold version.
I belive this created a problem, because my ajax portfolio, (slideshow) that was working fine now it´s not working the slideshow. Can you help me?
http://paisagismoonline-com-br.web22.redehost.com.br/nsite1/galerias/
Best regards,
Fabiana.
Hello,
Thanks for your help on customizing Enfold thus far!
We’re running a rather wide logo in a current build and wanted to see if you could suggest an @media query that would allow us to replace the current version of the logo with a separate logo file for devices less that 1280 pixels or so in width.
You’ll see when you resize the window, the logo gets covered up by the main NAV and we’d like to substitute another file version without the tagline to the right.
Here’s a link to the current prototype version: http://sandbox-3.sethbutler.com/prototype
(the site is behind a Coming Soon Pro) firewall so only this exact link will get you in.
Any advise would be most valued!
Warmest Regards
Seth
Devin,
Thanks so much for the quick reply!
I did update to WP 3.6 but am still having some minor issues:
1. The top NAV hover state (should display a green block below the text as in Firefox)
2. the left/right hover state for flyout navigation on individual portfolio entries does not appear in Safari.
I think I fixed the layerslider background issue by forcing the html, body CSS to a background-color of #FFFFFF.
Please advise
Seth
Hi Guys,
I was wondering how you created the effect on your “meet the team page” link detailed below. The effect I’m interested in recreating is where you have the text “THE OFFICE – We recently moved the team to New York. Here is how it looks like if you work with us”. You have a background image of New York that stays stationary as the page scrolls allowing the user to peek through.
Kind regards,
Tom
Yep, works like a charm! Thank you very much.
What do you think about the font display issue in Safari? Should I start a new thread for that?
Hi,
same problem.
A fresh installation with WordPress 3.6, Enfold 2.0.1, disable all plugins.
Please see this screenshot of Google Chrome: http://i.imgur.com/tuFNxrx.jpg
http://kabayview.com/ojmortgage/show-me-the-money/
I would like to keep the bold text and links the green color it is (the default color of the theme)
On the blog posts I would like to change the post comment, replies, and left of article read buttons to #ff9c25 (orange) and have the grey color as the hover color. How may I accomplish that?
Many thanks,
Damatia
Thx it works :
Open up wp-contentthemesenfoldconfig-templatebuilderavia-shortcodespostslider.php and replace
Code:
$output = str_replace(‘{{thumbnail}}’, $thumb_fallback, $output);
with
Code:
$output = str_replace(‘{{thumbnail}}’, $thumb_fallback, $output);
wp_reset_query();
I’ve a blog with the Grid layout and multiple pages. But instead of three only only one post is displayed in the last row. As can be seen on the Enfold demo page, the last row shows three posts. How can this be fixed?