Hi Guys,
I’m creating a one page layout, thus i have custom menu items, and normally there is a blue line under the menu item indicating which page you are on, but for the one page layout there is no blue line under the menu item to indicate what section you are on. The following screen shot shows that i am on the “Testimonials” section but the underline is not underneath the word “Testimonials”: Image
Could you kindly help me with this.
Thanks!
Hi alessiole!
Images are not being loaded http://i.imgur.com/rWBfzNO.jpg
Please remove them from Media Library and add them once again. That should solve the issue
Regards,
Yigit
Ok, Well then let me ask a stupid question.
How can I get a similar effect (slide window) just to display some links and images in it?
Thanks.
Hey!
It should be “Remove Images” in English. Please use this plugin to change it http://wordpress.org/plugins/codestyling-localization/
Regards,
Yigit
Glad we could help. Let us know if you have any other questions or issues.
Hi kenwae!
I’m not really sure what exactly the file path is that is getting indexed but with WordPress, each image does get an attachment page created for it. Maybe its a specific SEO setting from a plugin or in how the pages are configured but without a live example its a bit hard to get an idea of exactly what is happening.
Best regards,
Devin
Sorry if this is a stupid thread in advanced.
I have been trying to create this effect for the past hour with no hope. It is displayed in the demo page but I cannot replicate it through the builder on my site.

Demo Page: http://kriesi.at/themes/enfold/pages/team/
As you see, the image slides while the page scrolls. I have found this effect with the FullScreen Slider, but the thing is that I do not want it to fit the entire screen. I have tried all other media objects and they seem to stay static while scrolling.
If I missed a object, I apologize in advanced. Thanks for the help.
Having more control of the Featured Image would be great
At the moment you can not set a particular size for the Featured image so that on a post with fullwidth you are stuck with a giant image instead of being able to select one that could be less tall. The feature image works very well for thumbnails on other pages referencing the article/post but if lets say you want the featured image at the top of a fullwidth post to be a particular height for example you must remove the featured image and add an image manually and it will be below the meta infos meaning you have to modify the js to make ALL images on fullwidth to be a certain size.
The best solution would be a featured image for thumbnails references on other page and a customizable featured image on the post/page itself so one could decide what should be the width and height or have the same options to pick the options from 80×80 to fullsize.
At the moment the only solution I found was to remove the giant size image at the top of the fullwidth layout and reference a custom field that points to the image to be picked up. That gives way more control of what the size of the featured image should be for each post/page and it also leaves the Featured image to still be used on other pages.
I hope this makes sense :)
Yeah, I thought maybe with the fixed header it wasn’t possible. Thank you!
Best Regards,
John
Hey!
Just as another item to check, can you try switching to one of the default WordPress themes and then check to make sure all the image editing/adding functionality on posts/pages has no issues. Just to help rule out any server/wordpress conflicts that may be happening.
Regards,
Devin
Hi!
I think how you have it now is probably the closest you’ll get to that kind of a layout. The header needs to have some kind of background if you are going to use the fixed header (where it floats on top of the content when you scroll down).
If you find other elements that you need to remove the background from specifically we can assist with the css for those.
Regards,
Devin
Hey!
I don’t see the css from Yigit in place but it should work (or you can adjust it as needed for a higher starting value).
Regards,
Devin
Hi!
Can you post the link to your website and point out the image?
Cheers!
Yigit
Hey COLORIT!
The change from Ismael changes the walker from using the mega menu walker which is why it no longer works.
As far as I know the theme doesn’t support the menu descriptions like in your original image which is why Ismael first recommended looking into hiring a developer to make the customization for you. The code was a quick attempt at making it work (though obviously not in the way you intended).
Regards,
Devin
Hi chonafree!
Please flush browser cache and check your website. It does work fine on my end. Please see screencast here http://www.screenr.com/lRPH
Best regards,
Yigit
This used to work till i upgraded the theme…. please help
url http://bodychemistryfitness.com/ the before and after section is an easy slider…
Thank you! That’s what I was looking for!
Perfect, many thanks Josue.
:o)
Okay i found the fontsize, but now the spacing is still off, I used the following in the custom.css to get the font smaller; but what do i need to set for the spacing ?
#top #header .mega_menu_title a { font-size: 12px; min-height: 8px;}
Example of the issue (screenshot) : http://www.prtsc.nl/clip/040Image-500012013×1000150001-52-i001.png
-
This reply was modified 12 years, 4 months ago by
040hosting. Reason: added screenshot for clarification
Hey!
I just forgot to include this option. Open up and replace
$avia_elements[] = array(
"slug" => "layout",
"name" => "Single Post Style",
"desc" => "Choose the single post style here.",
"id" => "single_post_style",
"type" => "select",
"std" => "single-big",
"no_first"=>true,
"subtype" => array( 'Single post with small preview image (featured image)' =>'single-small',
'Single post with big preview image (featured image)' =>'single-big'
));
with
$avia_elements[] = array(
"slug" => "layout",
"name" => "Single Post Style",
"desc" => "Choose the single post style here.",
"id" => "single_post_style",
"type" => "select",
"std" => "single-big",
"no_first"=>true,
"subtype" => array( 'Single post with small preview image (featured image)' =>'single-small',
'Single post with big preview image (featured image)' =>'single-big',
'Multi Author Blog (displays Gravatar of the article author beside the entry and feature images above)' =>'multi-big'
));
We’ll add this patch to the next theme update.
Cheers!
Peter
Hi
I used the built-in logo slider for my website at http://www.lockdown.sg and it works fine on Firefox and Chrome. However, the logos are enlarged and pixelated on Internet Explorer. Is this the browser problem or is there something I can do to the Enfold theme?
Thank you.
Hi Delphiine!
Ahh, I see what you mean now that the word issue has been cleared up. I was very confused originally. It looks like the topic got closed automatically for some reason but that isn’t really possible with that element. You could probably use a single image or a Easy Slider element for the large image and then for the smaller thumbnails use the Logo/Partner element which lets you define a link for each image.
Best regards,
Devin
Hey SpyderSpy6!
In the themes functions.php file all of the thumbnails that the theme tries to generate when you upload a photo are listed out:
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news
$avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs
$avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 ); // images for fullsize pages and fullsize slider
$avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 , 'crop' => false); // images for fullscrren slider
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns
$avia_config['imgSize']['gallery'] = array('width'=>710, 'height'=>575 ); // images for portfolio entries (2,3 column)
$avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false); // images for fullscreen masonry
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>710, 'height'=>270); // big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1030, 'height'=>360 ); // images for fullsize pages and fullsize slider
//overwrite blog and fullwidth image on extra large layouts
if(avia_get_option('responsive_layout') == "responsive responsive_large")
{
$avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 ); // images for portfolio entries (2,3 column)
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321); // big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 ); // images for fullsize pages and fullsize slider
}
In general bigger is better since getting sized down wont cause loss of quality where stretching to fit will.
Cheers!
Devin
Is it possible to set my images up before-hand based on a set criteria of image sizes?
I am having issues with image clarity. What is the best image size and format recommended?
Hey Markus!
Add this code to the Quick CSS:
.grid-image.avia-hover-fx img{
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
}
.grid-image.avia-hover-fx{
overflow: hidden !important;
}
.grid-image.avia-hover-fx:hover img{
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
transform: scale(1.5);
}
.image-overlay.overlay-type-extern {
display: none !important;
}
Cheers!
Josue
Hey!
The images look fine and they are not blurry. The image dimension are 845×684. This is enough for the ajax preview images container.
Regards,
Ismael
Hi DaraEmerson!
Edit the Fullwidth Easy slider then change the “Stretch image to fit the slideshow size?” to “No, don’t stretch the image”. It will not take up the whole width of the screen instead it will try to center align the images.
Best regards,
Ismael
Hi ramirezo!
I’m not sure if I understand it correctly but the issue is that the content of the ajax preview is not expanding to 100%. Please add this on your custom.css or Quick CSS:
.av_table_col.first.portfolio-preview-image {
display: none;
}
.portfolio-preview-content {
width: 100%;
padding: 63px 30px 30px 30px;
}
This will remove the preview image then increase the width of the content area to 100%.
Best regards,
Ismael