Hey!

I checked the code in avia.js http://www.getushotel.com/wp-content/themes/enfold/js/avia.js?ver=1 and you added

new $.AviaAjaxSearch({scope:'#header, .widget_search'});

at the very beginning of the file – please remove the code – it causes a js error and is not required.

Cheers!
Peter

I really hope you can add instant ajax search on sidebar

Hi,

this is my first post in this amazing forum since I found everything I needed through search. Thanks for the great support!

My question is the same as neondigital’s.
My website is: Herrenausstatter Wien

So I’ve been changing the headline Font and the result looks like as follows.

– The first one appears when I change to Arimo. How do I change it? Is this H1?

– The second one appears when I change to any other font (in this case Raleway). Obviously this is not Raleway.

– The third one is a picture of 5 easysliders (so I can use that overlay caption). This seems to be the same font as in the layerslider on top, but bold and uppercase apparently. I changed the values successfully via Safari Web Inspector to ‘capitalize’ and ‘Raleway, but when I add the same code to the custom.css, nothing happens.

The code is as follows:

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
font-family:Raleway!important;
text-transform:capitalize!important;
}

Any help would be appreciated.

Thanks,
Felix

BTW:

– I changed the rights of the wp-content/uploads/dynamic_avia/enfold.css file to 755.
– I’m using W3 Total Cache plugin.
– I resetted all caches (pluginwise and browserwise).

• This reply was modified 12 years, 1 month ago by Trystan.

Hey andri7luck!

No, the ajax search does not work with a standard search form at the moment. You can suggest the feature here: https://kriesi.at/support/topic/enfold-feature-requests/ and if other users request it we’ll look into it.

Update: I looked into it and you can do it with a quick hack. In enfold/js/avia.js replace

 new $.AviaAjaxSearch({scope:'#header'});

with

 new $.AviaAjaxSearch({scope:'#header, .widget_search'});

Then replace

this.scope.on('keyup', '#s:not(".av_disable_ajax_search #s")' , $.proxy( this.try_search, this));

with

this.scope.on('keyup', '#s:not(".av_disable_ajax_search #s")' , $.proxy( this.try_search, this));

            $(document).not(this.options.scope).on('click', function(){
                $('.widget_search #searchform .ajax_search_response').fadeOut(300, function(){ $(this).remove(); });
            });

Afterwards add following css code into the quick css field

#top .widget_search #searchform .ajax_search_response{
    padding-top: 20px;
    position: absolute;
    background: #fff;
    z-index: 100;
    max-width: 100%;
    border: 2px dotted #e2e2e2;
}

and change the styling of the ajax response results if you want.

Regards,
Peter

Hi wackyadventurer!

Yes, the “portfolio” element will only display posts of the custom post type “Portfolio items”. You first need to create one or more portfolio posts (Portfolio Items > Add New) and you need to add some content into the “Ajax preview” text editor. You also need to create at least one portfolio category and then assign your portfolio post(s) to these categories. Afterwards go to the page where you want to insert the portfolio grid (like demonstrated here http://kriesi.at/themes/enfold/portfolio/portfolio-ajax/), select the portfolio element from the advanced layout builder toolbar and click on the element to configure the portfolio options. Select the categories you want to display with this portfolio grid and then select the “Open a preview of the entry (known as AJAX Portfolio)” option in the “Link Handling” dropdown field. Afterwards save the page and if you view the page you should see the portfolio grid with one or more portfolio posts and if you click on these items the “ajax preview” content should pop up.

Best regards,
Peter

Hi!

Yes, in enfold/js/avia.js search for

    function avia_hover_effect(container)
    {
    	if(container == 'body')
    	{
    		var elements = $('#main a img').parents('a').not('.noLightbox, .noLightbox a, .avia-gallery-thumb a, .avia-layerslider a, .noHover, .noHover a').add('#main .avia-hover-fx');
    	}
    	else
    	{
    		var elements = $('a img', container).parents('a').not('.noLightbox, .noLightbox a, .avia-gallery-thumb a, .avia-layerslider a, .noHover, .noHover a').add('.avia-hover-fx', container);
    	}

and add your element/class to the “not” filter list – i.e. if your class is called “mycustomclass” the modified code must look like

    function avia_hover_effect(container)
    {
    	if(container == 'body')
    	{
    		var elements = $('#main a img').parents('a').not('.noLightbox, .noLightbox a, .avia-gallery-thumb a, .avia-layerslider a, .noHover, .noHover a, .mycustomclass, .mycustomclass a').add('#main .avia-hover-fx');
    	}
    	else
    	{
    		var elements = $('a img', container).parents('a').not('.noLightbox, .noLightbox a, .avia-gallery-thumb a, .avia-layerslider a, .noHover, .noHover a, .mycustomclass, .mycustomclass a').add('.avia-hover-fx', container);
    	}

Cheers!
Peter

Hi fluent_Agency!

1) If you don’t want to resize the logo open up enfold/js/avia.js and replace

    	//Resize menu if logo is overlapped by th menu items
        avia_resize_menu();

        // decreases header size when user scrolls down
        avia_header_size();

with

    	//Resize menu if logo is overlapped by th menu items
        //avia_resize_menu();

        // decreases header size when user scrolls down
        //avia_header_size();

This mod will deactivate the header & logo resize function which resizes the logo/menu when the user scrolls down.

2 + 3) It seems like you switched to the “slide out” menu and the dropdown menu is not used anymore?

Regards,
Peter