Hi,

How did you add the images without rollover effect?

If you want the rollover effect, you need something like this

<a href="http://www.klimhal-events.nl" class="avia_image  avia-builder-el-3  avia-builder-el-no-sibling avia-align-center ">

<img class="avia_image avia_animated_image avia_animate_when_almost_visible top-to-bottom avia_start_animation" src="http://lavitasana.oscar.nl/wp-content/uploads/2013/05/landing-LVS-021-300x240.png" alt="">

<span class="image-overlay overlay-type-extern" style="opacity: 0.7; left: 0px; top: 0px; display: block; height: 240px; width: 300px;"><span class="image-overlay-inside"></span></span></a>

This line of code is the rollover effect

<span class="image-overlay overlay-type-extern" style="opacity: 0.7; left: 0px; top: 0px; display: block; height: 240px; width: 300px;"><span class="image-overlay-inside"></span></span>

They need to be included.

Regards,

Ismael

Hi,

Please add this on your custom.css

#header_main {

border-bottom: none;

}



.stretch_full.container_wrap.alternate_color.light_bg_color.title_container {

border-top: none;

}



#header_main .container {

border-bottom: 1px solid #E1E1E1;

}

Regards,

Ismael

Hey,

Sorry for the delay. You can move the menu via CSS. Just add this on your custom.css or Quick CSS

#menu-top-menu {

margin-top: 30px;

margin-left: -180px;

}

Adjust the values.

Regards,

Ismael

Hi,

I think that is the logo. Just insert your logo on Enfold > Logo.

Regards,

Ismael

Hi,

You removed something. Please use this instead.

.main_menu a {

color: white !important;

}



.current-menu-item > a {

color: black !important;

}



.header_color .main_menu .menu ul li a:hover {

background-color: white;

color: orange !important;

}



.current-menu-item > a .avia-menu-fx {

background: black;

}



.current-menu-item > a .avia-menu-fx .avia-arrow-wrap .avia-arrow {

background: black !important;

border-color: black;

}



.avia-menu-fx {

bottom: 0;

}

Enjoy the theme. :)

Cheers,

Ismael

Hi,

Unfortunately, this is a bit complicated. Please hire a freelance developer to add this customization on the theme. You can edit the fixed header behavior on js > avia.js.

//check if the browser supports element rotation

function avia_header_size()

{

var win	            = $(window),

header          = $('.fixed_header #header'),

elements        = $('#header_main .container, .main_menu ul:first-child > li > a:not(.avia_mega_div a)'),

el_height       = $(elements).filter(':first').height(),

isMobile        = 'ontouchstart' in document.documentElement,

scroll_top		= $('#scroll-top-link'),

set_height      = function()

{

var st = win.scrollTop(), newH = 0;



if(st < el_height/2)

{

newH = el_height - st;



//header.removeClass('shadow');

}

else

{

newH = el_height/2;

//header.addClass('shadow');

}



elements.css({height: newH + 'px', lineHeight: newH + 'px'});

}



if(!header.length) return false;



if(isMobile)

{

return false;

}



win.scroll(set_height);

set_height();

}

Thanks,

Ismael

Hi,

Open css > shortcodes.css then find this code

@media only screen and (max-width: 767px)  {

.responsive .tabcontainer{border-width: 1px; border-style: solid; border-top:none;}

.responsive .tabcontainer .tab_titles{display:none;}

.responsive .tabcontainer .tab_content, .responsive .tabcontainer .tab

{width:100%; max-width:100%; border-left:none; border-right:0;left:0; top:0; min-height: 0!important;}

.responsive .tabcontainer .tab_content{border-bottom:none; padding:15px 30px; clear: both; }

.responsive .tabcontainer .tab.fullsize-tab{ display:block; margin-bottom:-1px;}

.responsive .top_tab .tab.fullsize-tab{ margin-bottom:0px;}



}

Remove it. Although it does look better when viewing on mobile device.

Regards,

Ismael

Hi,

You have a lot of options to open an image to a new window.

1.) Insert a text block then add an html tag. Something like this

<a target="_blank" href="YOURURLHERE"><img src="YOURIMAGEHERE" /></a>

2.) You can edit config-templatebuilder > avia-shortcodes > image.php then find this code

$output.= "<a href='{$link}' class='avia_image ".$meta['el_class'].$this->class_by_arguments('align' ,$atts, true)."'><img class='avia_image {$class}' src='{$src}' alt='' /></a>";

Replace it with

$output.= "<a target='_blank' href='{$link}' class='avia_image ".$meta['el_class'].$this->class_by_arguments('align' ,$atts, true)."'><img class='avia_image {$class}' src='{$src}' alt='' /></a>";

3.) This is the rendered html tag when using the Image shortcode via AviaBuilder. You can copy and paste it manually. Change the anchor tag link and the image url.

<a href="http://www.yourlinkhere.com" class="avia_image avia-builder-el-49 el_after_av_slideshow_full avia-builder-el-no-sibling avia-align-center "><img class="avia_image avia_animated_image avia_animate_when_almost_visible right-to-left avia_start_animation" src="http://localhost/kriesi/enfold/wp-content/uploads/2011/12/imac_big_demo-300x180.png" alt=""><span class="image-overlay overlay-type-extern" style="opacity: 0; left: 0px; top: 0px; display: block; height: 180px; width: 300px;"><span class="image-overlay-inside"></span></span></a>

Regards,

Ismael