Hi!
Just tested the demo and your site and IE and no upside images anywhere that I can see.
First thing to do is update your theme files since there have been a number of bug fixes and updates since 2.0.1. This at least will make sure we aren’t re-duplicating any fixes that have already been pushed out for IE.
Cheers!
Devin
Hey Devin,
I’ve gone ahead and deactivated respond.js and the theme is updated to 2.3.2.
After removing respond.js, obviously the website is no longer responsive in IE, so the squished blog image issue goes away. But naturally I would prefer it to remain responsive, so hopefully there’s a way to fix that aspect of the plug-in’s functionality.
The other remaining issues are:
– Menu disappears at certain smaller sizes
– Search icon renders as a square until moused-over (I would be happy with simply switching out the font search icon with an image if you can show me how)
– Recent Post images don’t fill their container boxes correctly
Thanks for the help!
Tom
-
This reply was modified 12 years, 5 months ago by
tmunz.
Hey wesdacar!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.hr-invisible { display: none; }
Regards,
Yigit
Hi Yigit
Thanks for your reply. I added the code in but its still not working. Anything else I could try?
TPHE
Hey TheProductionHouseEvents!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
#full_slider_1 { background-attachment: fixed!important; }
Best regards,
Yigit
Hi Josue, the page in question is http://www.dev.davidmattock.co.uk/about-me/
you’ll see when it slides to the second image the height grows
Do I have to use images that all have exactly the same dimensions set already? I was hoping the slider would just crop the height for me,
many thanks
Hey guys,
Im getting some sort of Undefined error when trying to use tabs on a page.
. This happens after I add the element, click to change the first tab title, and then press save. I then see the undefined message.
Thank you – exactly what I was looking for.
Josue,
Thank you very much!
1. Works like a charm. Thanks.
2. The code of "images/articles/logo_v2.png" was just an example.
I’ve tried to make a rollover logo, but even the simple way of
#top .bg-logo a:hover {
background: url('http://eliweissberg.com/wordpress/wp-content/uploads/2013/10/Logo21.png);
}
Does not work.
And I just say I prefer to do it with css background-position.
So what am I doing wrong? I’ve copied this code from another thread.
3-4. I’m attaching screenshot. The blue text is a description of problems.

Thanks.
-
This reply was modified 12 years, 5 months ago by
Eli.
Can you please have a look at this in firefox.
The pictures are set with the avia layoutbuilder.
When i insart an image withing a avia-text field, then it apears allright
http://maurilux.com/mauritius/
http://maurilux.com/wp-content/uploads/2013/10/images-firefox.png
Thank you
Hi,
What would be the recommended image format and size of a logo for the theme?
Thank you,
Hi!
The quality is fine now, but there is still something wrong with the proportions. I have removed the cache and even installed a fresh installation of Firefox, but it looks the same. Please have a look at this screenshot: Image
The greyscale portfolio image to the left is what I see, and the right image in color have I pasted in (with the correct proportions).
Regards,
Tomas
Hello Jack!
1) Yes but it requires advanced coding skills. If you’re a skilled php/wordpress developer you can modify the code in /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/blog.php and /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/postslider.php. If you’re not a developer please don’t touch these files and hire a freelancer if necessary.
You can hide the post thumbnail with css – insert following code into the quick css field
.home .avia-content-slider-inner .slide-image{ display: none; }
You can’t remove the link with css though. If you want to remove the link from the title open up wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\postslider.php and replace
$output .= !empty($title) ? "<h3 class='slide-entry-title entry-title' $markup><a href='{$link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>" : '';
with
$output .= !empty($title) ? "<h3 class='slide-entry-title entry-title' $markup>".$title."</h3>" : '';
However note that this mod will affect ALL blog grid elements and post sliders and they will show up without a clickable title afterwards.
2) No, the color section is always a fullwidth element. However you can use a 2/3 column element within the color section to limit the content width.
Best regards,
Peter
Hello
I use Enfold on my new website http://spoilme.dk, but i can’t change styling setting more.
I have try to disable all plugins, but with out luck.
When i try to change background color with another color, or with a backgrounds image, it will not work, or it first change several hour later. I cant wait 2-3 hour after every change, and need to get i fixed.
I thinks i have try all, but can’t find the problem
//Claus
Excellent!
Many thanks Yigit. Much appreciated.
kind regards,
PPCHound
Don’t miss please this: in the template builder, when i turn from template builder to classic editor, the page where i’m working be delete.
-
This reply was modified 12 years, 5 months ago by
thelayout.
Hi Josue,
I tried, but the Featured Image disappears in preview Post.
I downloaded the latest version of Enfold, 2.3.2, I was hoping it was fixed but it is not.
No one who is aware of this problem?
In summary:
1) Standard post, with video and Featured Image OK http://egotheme.tv/2013/10/test-post-video-lightbox/
2) Video Post, with video and Featured Image: BROKEN http://egotheme.tv/2013/10/video-post-broken/
This is the link of the Blog, please click “READ MORE” or “TITLE” Post! http://egotheme.tv/blog/
YOU CAN SOLVE THIS HORRIBLE THING? Please. Thanks.
Hi there,
Here is the link to the website I am working on (I have made it public briefly)
http://asapsevents.org.au/wp-login/home
If you are using chrome, you will notice that as you scroll down the first time the background image on the full-width easy slider jumps around and doesnt look smooth. Is there anyway to fix this? It seems to happen with any photo.
Using Enfold (latest) on Chrome (latest). Background image seems to work fine in Firefox (latest).
yes i know this, but if you read the page’ s code (the link that i wrote) you can see that there isn t alt tag and image title. I put alt tags and image title on the media but in the page’s code i can’t see it. Read the code in this link http://www.thelayout.it/sito-web-gratis/sito-web-gratis-roma and look for any .jpg in the code. No one have alt and title in this page and in all site pages… content/uploads/2013/09/sito-web-gratis.jpg’ alt=” title=” />
-
This reply was modified 12 years, 5 months ago by
thelayout.
Hi Ismael,
I’m using Safari but just looked again and it seems to be working now – also just tested on Chrome and that seems fine too – not sure why it was showing me that earlier… sorry for the false alarm!
Quick question – what is the ideal ‘featured image’ size for a portfolio grid? I need to go in a fix a few of my images.
Thanks again for your help – absolutely loving this theme!!
Hi guys,
First of all: big up for your great work. Enfold truly is the most flexible & beautiful theme ever! Love it.
Now, I’m editing my blog grid view. As I want to make clear the type of posts (video, text blog) there, I would like to change the default green arrow hover image by another hover image. Specifically, I would like to use the effects of the ‘related posts’ section underneath a blog post. I prefer to have this transparant-white hover effects (specifically the video and pencil image) as hover effects in my main view in Blog Grid.
Preferably, I’ll keep the rest of the website the same. That is, keeping the default arrow hover image for other links outside the Blog Grid view. But if that’s too complicated, it’s OK as a side-result.
Could you tell me what steps to take? Thanks a lot!
Thom
This reply has been marked as private.
Hey frankster1234!
Try this:
.avia-gallery-thumb a {
padding: 10px;
}
Regards,
Josue
Hi thelayout!
When adding an image you can set its alt value here:

Regards,
Josue
Hi WarrenHorak!
The header normally is 90px height, and 45px height when scrolled (if set as fixed), the width is variable, depending of what is set in the backend.
Regarding the Slider, i’ll take the dimensions of the one showcased in the demo site, the height of it is 470px, and the width is the width of the screen (100%).
Best regards,
Josue
Actually, Can I force the image in the background to be full size 1500×1500 even if he image on top is small?
Mike
Hey JoshuaNichols!
What images do you want to be bigger?
Regarding the top bar container, add this code to the Quick CSS:
#header_meta, #header_meta .container{
min-height: 42px !important
}
Regards,
Josue
Watched Devin in Advance layout editor. Want to do exactly what he showed in demo. Create a full width background with an image over top. I followed video, added color sectio, uploaded image etc…but I only get a page with a small stipe of the image across the full width of page. Not sure what I am missing. Any ideas?
Thanks
Mike
Hey!
Edit config-woocommerce > config.php, find this code starting on line 888:
#
# 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'>";
}
Replace it with:
#
# 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='five 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='seven units single-product-summary'>";
}
This will make the product image container bigger.
Best regards,
Ismael
Hello!
1.) Refer to the number 2.
2.) Edit header.php, find this code:
<div id='header_main' class='container_wrap container_wrap_logo'>
Below, add the image:
<img class="avia_image register-banner" src="http://www.encoure.com/private/wp-content/uploads/2013/04/reg_button_small.png" alt="" title="">
Add this on your custom.css or Quick CSS:
#header_main {
z-index: 999;
}
.avia_image.register-banner {
position: absolute;
right: 10%;
top: -50px;
}
3.) You can add a unique selector for each Avia Elements. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Below, add this code:
add_theme_support('avia_template_builder_custom_css');
Edit any avia elements like Text Block then scroll below. Add a unique css selector on “Custom Css Class” field.
Cheers!
Ismael