Hi,

Thank you for the update.

You can use the following css code to make the header fully transparent even on scroll. The css code will also remove the bottom border.

.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
    background-color: transparent;
}

#header_main {
    border: 0;
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Did you apply the ID “home-blog” to the color section containing the blog? What the script does is append the anchor #home-blog to the pagination links, so whenever you click a pagination, it will go straight to the destination anchor or the color section with the ID “home-blog”.

Best regards,
Ismael

Hey 4dino,

Thank you for the inquiry.

We could prevent the lightbox script from grouping all lightbox links inside the #main container but you have to modify all buttons and add a custom css class to them. In the buttons’ Advanced > Developer Settings > Custom CSS Class, place the name “non-grouped-lightbox”. Then add this code or script in the functions.php file.

function ava_open_image_in_popup_group() {
	?>
	<script type="text/javascript">
	(function($){
		$(document).ready( function(){
			$('.non-grouped-lightbox a').magnificPopup({
			  type: 'image',
			  mainClass: 'avia-popup mfp-zoom-in mfp-image-loaded',
			  closeBtnInside: true,
			  closeOnContentClick:false,
			  midClick: true,
			  gallery: { enabled:false }
			});
		});	
	})(jQuery);
	</script>
	<?php
}
add_action('wp_footer', 'ava_open_image_in_popup_group', 9999);

All items with the class name “non-grouped-lightbox” will not be included in the gallery.

Best regards,
Ismael

Hey Monika,

Thank you for the inquiry.

Which particular image are you trying to keep sticking to the left? Have you tried using the Grid Row element? You can insert an image within the grid row cells and adjust its position accordingly.

Best regards,
Ismael

Hey jifei,

Thank you for the inquiry.

If you are using the Blog Posts element, then we could use the “avia_blog_post_query” to adjust the posts query in a specific page. You may need to use the post__not_in parameter to exclude specific posts.

// https://developer.wordpress.org/reference/classes/wp_query/#post-page-parameters

Related threads:

// https://kriesi.at/support/topic/hide-categories-from-you-might-also-like-section-on-blog-posts/#post-1192667
// https://kriesi.at/support/topic/do-not-allow-duplicate-posts-on-the-entire-page-not-working/#post-1291806
// https://kriesi.at/support/topic/hide-current-blog-post-from-a-random-blog-post-slider-grid-element/

Best regards,
Ismael

Hey Stanko,

Thank you for the inquiry.

Which categories are you trying to select? We may need to access the dashboard and edit the page in order to check the issue properly. Please post the login details in the private field.

Best regards,
Ismael

Hey jaroljmek,

Thank you for the inquiry.

It should be possible but you have to make sure that the number of items in each row are even. If the items are not even and we set them to display in two columns on mobile view, there will be a gap or a white space after the very last item in each row.

Use this css code to set the width of the slide entries on smaller screens.

@media only screen and (max-width: 479px) {
.responsive #top #wrap_all .avia-content-slider-odd .slide-entry {
    margin-left: 0;
    width: 50% !important;
    float: left;
    clear: none !important;
}
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hey beatazalewa,

Thank you for the inquiry.

You can only use raster images (png, jpg, gif) as background of column and slider elements. Unfortunately, you cannot use svg images. If you want to display an svg image, you may need to use a code or a text block element.

Best regards,
Ismael

Hey Michael,

Thank you for the inquiry.

The post navigation displays or returns the adjacent posts, based on the date that they were published. It is not based on the order of the posts in the portfolio grid. We could set it so that it displays the posts based on their title or sort them alphabetically, but we cannot guarantee that it will return posts based on where they are positioned in the grid.

You can add this filter in the functions.php file.

function avf_get_prev_post_sort_mod( $sort ) {
	return "ORDER BY p.post_title DESC LIMIT 1";
}
add_filter( 'get_previous_post_sort', 'avf_get_prev_post_sort_mod' );

function avf_get_next_post_sort_mod( $sort ) {
	return "ORDER BY p.post_title ASC LIMIT 1";
}
add_filter( 'get_next_post_sort', 'avf_get_next_post_sort_mod' );

Unfortunately, we cannot set the navigation to display posts based on grid order or sorting.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

To enable the arrows, you have to set the tab section’s Layout > Tab Buttons Out Of Screen Behaviour settings to the first option. Please note that the arrows will only display on mobile view or on smaller screens. You may need to upgrade the theme to the latest version (4.8.5) first.

Best regards,
Ismael

Hi,

Yes, the shortcode in the content slider is quite limited and adding shortcodes manually may not be what your client wanted. We could use the avf_post_slider_entry_excerpt filter to return the actual content of the post entry instead of the excerpt.

function avf_post_slider_entry_excerpt_custom($excerpt, $prepare_excerpt, $permalink, $entry ) {
	$excerpt = $entry->post_content;
	return $excerpt;
}
add_filter('avf_post_slider_entry_excerpt', 'avf_post_slider_entry_excerpt_custom', 10, 4);

This should display the full content of the posts in the post slider element, but it may require some css or style adjustments.

Best regards,
Ismael

Hi,

You can try this script in the functions.php file to remove the loading attribute from the product image.

function ava_custom_script_remove_lazy(){
  ?>
  <script>
        (function($) {
            $(document).ready(function($) {
  		$('.size-shop_single').removeAttr('loading');
  	    });
        })(jQuery);
  </script>
  <?php
}
add_action('wp_footer', 'ava_custom_script_remove_lazy');

Best regards,
Ismael

Hi,

Thank you for the info.

We exported the theme settings from on our own installation (see private field) and successfully uploaded it to the staging site, so this seems to be an issue with the exported theme settings file.

Best regards,
Ismael

Hi,

You might be looking on a cached version of the page. Please add the css code again and make sure to purge the cache or check the site on incognito mode. Adjust the top margin as necessary.

Best regards,
Ismael

Hi,

Looks like all of the plugins have been disabled or removed. Did you remove them all, or did you rename the plugins folder? Can we access the file server? Please include the FTP details in the private field.

Thank you for your patience.

Best regards,
Ismael