Figured out the Parrallax effect.
1. Create Colored Section ( Change Background )
2. Fixed Background
3. Throw Easy Slider on top of it.
4. You can make it as wide as you want by throwing dividers and making them Clear Dividers.
Yes but I edited in that removing that does make it go “flat” but the flat UI does indeed have a hover change…maybe reversing the current hover event would do it? instead of making it lighter or vanish like they have it now, make it appear or darken as you hover?
I think you’d have to make that png the full size of the button not just a kind of top down “bubble” effect…
Enfold?
Hello guys !
I need your help on something :
1/ I would like to remove the small bold line on top of sub-menus as shown on the picture above :

2/
I also would like to remove the name of the picture file on the left top of the lightbox, aswell as the slim black frame arround the box and adjust the close button to show properly !

Any idea on how to do that ?
Thanks in advance ;)
Hey guys,
For some reason, using Gravity Forms inside a column shortcode adds br tags after everything in the gform_footer div, as well as p tags after the end of the form, and I can’t quite work out how to filter it out. I’ve tried custom functions to strip them, specifically moving shortcode_unautop after wpautop in the filter chain, and other experiments, but nothing seems to affect it, and I’m not that good with PHP anyway, so… I’m stuck.
Any chance of bug fixing this? I am sure this affects some other plugin shortcodes too. Sure, you can use something like .gform_footer { height: 0; } and/or .gform_footer br { display: none; } to get rid of the extra space, but that’s only a temporary solution.
This is related to the following topic, so it’s actually been an issue for a while: https://kriesi.at/support/topic/formatting-issues-with-shortcode-and-gravity-forms
This time, though, with the new functionality in Enfold, [raw] tags can’t save it, since it literally outputs the raw shortcode — just text in brackets. Not that I would want to use a hack method like that anyway.
Hi,
Kriesi said it will be fix on the next update.
https://kriesi.at/support/topic/jumbo-menu-not-aligned
Regards,
Ismael
Thanks for the assist formateins :)
If you are familiar with css those steps are the basics for it although you’ll want to limit the change to the new desktop only media query in the custom.css file (1.6+).
Regards,
Devin
Hi,
I managed to decrease the margin between the lay-out elements using:
div .av_one_half {margin-top:20px; margin-left:1%; width:49%;}
However, the first block on all pages is not in line with the other lay-out elements…
http://goo.gl/YN6cX
How can I get the first element in line with the other?
Hello,
When I choose for the ‘Header with Social icons and bottom’, I have the ability to put a ‘Phone number or small info text’ at the top.
Is it possible to put another menu in there? Like this website: http://www.frankwatching.com/ ?
Regards,
Jimmy
on my portfolio page, i used to see portfolio categories listed at the top and can sort by them…but after upgrading to 1.5, they have disappeared. is there a reason why this is happening?
your help would be greatly appreciated.
thanks!
chris
How do I rename or add to top menu items on standard template – Home , Portfolio, Blog etc? – Thanks
Hi,
You can change it like this, just chose whatever font you want, as I used times new roman
#menu-main-menu {
font-family:"Times New Roman",Georgia,Serif;
}
.header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
font-family:"Times New Roman",Georgia,Serif;
}
Hi,
This controls the width`
.boxed#top {
width: 1010px;
}
@media only screen and (min-width: 1140px){
.responsive .boxed#top {
width: 1130px;
}}
@media only screen and (max-width: 989px) and (min-width: 768px){
.responsive .boxed#top {
width: 782px;
}}
@media only screen and (max-width: 767px) and (min-width: 480px){
.responsive .boxed#top {
width: 478px;
}}
@media only screen and (max-width: 767px){
.responsive .boxed#top {
width: 318px;
}}
Just change them as you wish, the top 2 probably, the others are media queries for smaller screen sizes.
Thanks,
Nick
Hi,
You have a large number of errors generating from two external js files and the slider stopped just as 5 errors pop up. 7 error total. i added the url to each file behind the error)
Uncaught TypeError: Object #<HTMLLIElement> has no method '_each' prototype_1_7.js:828 ( idxre.com/idx/lib/javascript/prototype_1_7.js?version=2012-11-07 )
==============
Uncaught TypeError: Cannot call method 'disable' of null searchAtlasUtilities.js:143 ( idxre.com/idx/lib/javascript/searchAtlasUtilities.js?version=2012-11-07 )
I am not sure what this stuff is, but looks real estate relevant. Overall you have something like 40-45 javascript files, some duplicates on this page, which is a bit of an overload.
Thanks,
Nick
I was unsuccessful getting the 1.5 update to work but the 1.6 installed except now there is a permanent header on every page with the below content… it is even in every wp-admin page… look at rformz.com ….
.avia_wpml_language_switch { position: relative; padding: 0px 0 0 10px; height: 30px; line-height: 36px; margin: 0 0 0 0; z-index: 151; -webkit-backface-visibility: hidden; top:-2px; right:0; } .sub_menu ul{float:left;} #top ul.avia_wpml_language_switch li{ float:left; margin: 0px 0px 0px 5px; padding:0; border:none; } .avia_wpml_language_switch li:hover{ opacity: 0.8; } .avia_wpml_language_switch li span{ display:none; } .avia_wpml_language_switch li .language_flag{ display:block; } .avia_wpml_language_switch li .language_flag img{ display:inline-block; border:1px solid rgba(255,255,255,0.2); } #icl_lang_sel_widget{ overflow:visible; z-index:20; }
Hi andreanapier1985,
I answered this question in your other topic with a similar question here: https://kriesi.at/support/topic/enfold-portfolio-excerpt#post-116487
Please only make a single topic for each support request as it makes it easier for others to search and for us to answer.
Regards,
Devin
Solved it!
If anyone else needs the above you can use it for either ‘primary’ which is your main menu or ‘avia2’ which is your very top menu. :)
Peace,
Daniel
Hello,
I’m looking for the submenu location theme position.
E.g: Main Menu is: primary and footer is footer-menu, what is the submenu? I’ve tried ‘submenu’ and ‘sub-menu’
I need it for the following code where as I’m adding a login/logout button in the top menu.
add_filter('wp_nav_menu_items', 'add_login_logout_link', 10, 2);
function add_login_logout_link($items, $args) {
ob_start();
wp_loginout('index.php');
$loginoutlink = ob_get_contents();
ob_end_clean();
if( $args->theme_location == 'sub-menu' ) {
$items .= '<li>'. $loginoutlink .'</li>';
}
return $items;
}
So I would replace ‘sub-menu’ with whatever the top theme location is.. if you could let me know that would be great! I’ve searched the code and can’t seem to find it.
Cheers,
Daniel
Hi everybody,
I cannot find a list of topics started or commented by me. Also, if I try with advanced search filtering by user I cannot find my name. It seems like I don’t exist! :-(((((
Hi,
Please examine the block of css in this post https://kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112059
It has almost everything you need to customize the menu , rollovers, etc.. You can try it as is to get idea first. You should add it to your /css/custom.css file OR to Quick CSS located in Enfold > Theme Options Styling .. the text area at bottom of that page
Thanks,
Nick
Hi,
Your images are not of the same size. The initial image of the lady with wine glass is 468×608 (original 515×651) but then when i put my mouse over the next image, it is 468×322 (original size 947×651)
Your images are of completely different size and aspect ratio, so the only way to make them proportional is via cropping or preferably you can prep the images prior to uploading them so this way you ensure you control the crop, or otherwise you will have to trust WordPress’ cropping talents.
You should first install the Simple Image Sizes plugin ( http://wordpress.org/extend/plugins/simple-image-sizes/ ). The plugin will give you complete control over images: setting constraints for specific locations like blog, thumbnails, portfolio, gallery, shop, etc. along with the ability to set whether to crop an image or not in Settings > Media.
Changing the dimensions of images does NOT automatically change all the images already uploaded but only affects new uploads. To change the sizes of images already uploaded, you will need to use the Regenerator – also a part of the Simple Image Sizes and found on the bottom of Settings > Media. Don’t forget that images scale down, so always upload images bigger (or the same) as the constraints you set in Settings > Media (with the plugin) or you will get blurry (stretched) or incomplete images.
You should add the code below to your Quick CSS or /css/custom.css file. this will just force all images to be same size as they are (initial image will be smaller so there is no empty space below some images.
#top div .avia-gallery .avia-gallery-big {
width: 468px;
height: 322px !important;
}
Thanks,
Nickn
Hi,
Could be anything.. cache, browser, not sure. But I looked and this is the code that’s hitting and making it not show up, the other block isn’t working.`
#top .title_container {
display: none !important;
}
Thanks,
Nick
You can change the position with following css code – insert it into the quick css field:
#top .social_bookmarks {
float: right;
}
.sub_menu {
left: 0;
}
2) I’m not sure if this is easily possible. I marked this question for Kriesi.
I couldn’t reproduce the thumbnail issue on IE10 and 9: http://www.screenr.com/uCBH
IE8 displayed slightly smaller thumbnails but they’re still squared and not distorted, etc.
You can try to add a min-width to the thumbnails though – add following code to the quick css field:
#top div .avia-gallery img {
min-width: 120px;
min-height: 120px;
}
This should force IE8 to display the images with at least 120px width/height or more (depends on the thumbnail size).
After upgrading to 1.6 the desktop site is displaying correctly but the mobile site is not displaying correctly. It appears that when loading the mobile version that the style information is missing.
The site can be viewed from:
asd.ts.changeip.net
Help would be appreciated…
Hi nimrodmadar,
1) No, the switch can only be applied to the actual form content.
2) Yes but it has to be done for that specific item and will need additional css for mobile if its too big a change:
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top.page-id-708 .avia-builder-el-4 .avia-form-success {
width: 450px;
}
3) You would need to completely re-style that button with css using similar methods as in step 2.
4) No, the confirmation doesn’t have that level of customization at this point.
Regards,
Devin
Hi arrt,
If it shows 1.5 still, you need to re-download from your download on themeforest. Open that up and look at the style.css in the theme folder which should have 1.6 at the top.
Regards,
Devin
Hey guys,
Just a minor problem. My layerslider works and fits perfectly on my computer screen, however it doesn’t fit well on my mobile screen. The sign up box does not show and it doesn’t fit well on small laptop screens either. Anyway for me to fix this? Note: In the General Settings for the Theme, the responsive layout is set to Default (Max width: 1030px).
It turned out it was no memory problem whatsoever – I used the WordPress Plugin “WP-Memory-Usage” and the memory usage never goes beyond 20MB, even on complex pages. My problem was of a different kind (which you solved in another support request): the Advanced Editor was disabled!
To enable it, open the page you want to edit (which shows the “Advanced Editor” button which won’t work), then, click on “Options” in the top right corner to bring down the options menu, check “Avia Layout Builder”, reload and voilà! Next time, the Advanced Editor will (hopefully) start working again.
I’m just repeating this, so all hail the Kriesi support team. :)
Hey!
Unfortunately I have problems reproducing the issue on my firefox on mac, which means a solution wont make it into the update tomorrow. Just wanted to ley you know that I am looking into it :)