Hi kecster2!

If the plugin uses shortcode then you can add the shortcode on a Text Block element using the Advance Layout Builder. Make sure that you switch the Text Block element editor to Visual mode. We don’t usually support third party plugins. Please hire a freelance developer if you want it to be fully compatible with the theme.

Regards,
Ismael

Hi crevlon!

You can use the following:

— The edges of both boxes (inside and outside) should be slightly rounded:

av_promobox {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

— The font (such as the theme font) and font size:

.avia-promocontent p {
font-size: 15px;
font-family: 'Open Sans', sans-serif;
}

— The distance between Promobox and text:

.av_promobox {
padding: 20px 30px;
margin: 70px 0;
}

Best regards,
Ismael

Hey wholereneducation!

Please add this on your functions.php:

add_theme_support( ‘deactivate_layerslider’ );

You can also find this code on line 392:

if(!current_theme_supports('deactivate_layerslider')) require_once( 'config-layerslider/config.php' );//layerslider plugin

Replace it with:

//if(!current_theme_supports('deactivate_layerslider')) require_once( 'config-layerslider/config.php' );//layerslider plugin

Install the layer slider plugin after. Remove browser cache or test it on another browser.

Regards,
Ismael

Hey phmorgan!

Please use this plugin: http://wordpress.org/plugins/insert-html-snippet/

This is will enable you to use javascript codes inside avia elements especially the Text Block element. Refer to this link for more info: http://docs.xyzscripts.com/wordpress-plugins/insert-html-snippet/

Regards,
Ismael

Hey toddgeist!

You can disable the prettyPhoto plugin entirely. Edit js > avia.js file, find this code on line 54:

//activates the prettyphoto lightbox
        $(container).avia_activate_lightbox({callback:'avia_lightbox_callback'});

Replace it with:

//activates the prettyphoto lightbox
        //$(container).avia_activate_lightbox({callback:'avia_lightbox_callback'});

You can also refer to Dude’s response here. He is using FancyBox instead of the prettyPhoto lightbox plugin.

Best regards,
Ismael

Hey oeconomedicus!

Please increase wordpress php memory limit: http://dailyblogging.org/wordpress/increase-wordpress-memory-limit/

Best regards,
Ismael

Hi!

You can adjust the portfolio ajax control using this:

@media only screen and (max-width: 767px) {
.ajax_controlls {
position: absolute;
z-index: 100;
right: 0;
top: 160px;
}
}

Adjust the bottom position.

Regards,
Ismael

Hey kecster2!

I’m sorry but can you please post a screenshot of what you’re trying to do

Regards,
Ismael

Hi!

Dude’s code work properly on my end. Please use this on your child theme’s function.php:

<?php

/*
* Add your own functions here. You can also copy some of the theme functions into this file. 
* WordPress will use those functions instead of the original functions then.
*/

/*
 * Register frontend javascripts:
 */
if(!is_admin())
{
	add_action('wp_enqueue_scripts', 'avia_register_child_frontend_scripts', 100);
}

function avia_register_child_frontend_scripts()
{
	$child_theme_url = get_stylesheet_directory_uri();

	wp_dequeue_script('avia-prettyPhoto');
	wp_dequeue_style('avia-prettyP');
	wp_dequeue_style('avia-custom');

	//register js
	wp_register_script( 'avia-default-child', $child_theme_url.'/js/avia.js', array('jquery'), 1, false );
}

?>

Then create a js folder inside the child theme folder, create the avia.js file. Add this code:

function avia_lightbox_callback(elements,ww,wh){
    (function($){
        elements.each(function()
        {
            var el = $(this);
            if(!el.hasClass('noLightbox'))
            {
                el.addClass('lightbox');
            }
        });
        
        jQuery('a.lightbox').on('click', function() { return false; });
    })(jQuery);
}

Please check it again.

Regards,
Ismael

Hi!

You can add this on your custom.css or Quick CSS:

#menu-item-2508 a {
background: blue !important;
padding: 10px;
color: white !important;
}

Best regards,
Ismael

Hey!

Just change the color value:

#top #main .sidebar_left .sidebar {
border-left: 1px solid rgba(0, 0, 0, 0.3);;
}

Change the rgba color to something else.

Best regards,
Ismael

Hey!

You can use this on Quick CSS:

.page-id-393 #av_section_5 .avia_message_box {
margin: 00px 0;
}

Remove browser cache then reload the page.

Best regards,
Ismael

Hey!

@NaturalIntegrative: You can disable the lightbox function. Edit js > avia.js file, find this code on line 54:

//activates the prettyphoto lightbox
        $(container).avia_activate_lightbox({callback:'avia_lightbox_callback'});

Replace it with:

//activates the prettyphoto lightbox
        //$(container).avia_activate_lightbox({callback:'avia_lightbox_callback'});

Remove browser cache then reload the page a few times.

Regards,
Ismael

Hi akmhou!

Please use this on functions.php:

add_filter('avia_sidebar_menu_args', 'avia_sort_sidebar_pages',10, 2);
function avia_sort_sidebar_pages($args, $post)
{
$args['sort_column'] = 'ID, post_title';
return $args;
}

Best regards,
Ismael

Hey!

You can experiment with this css modification to increase the height of the slider images on mobile view.

@media only screen and (max-width: 767px) {
.av_slideshow_full li img {
border-radius: 0px;
min-height: 200px;
min-width: 500px;
margin-left: -200px;
}
}

Regards,
Ismael