Hi,

But now there are 2 short black horizontal lines left and right. What are they? How to get rid of them?

That is the border of the color section inside the footer page. Please refer to this thread: https://kriesi.at/support/topic/new-bug/#post-1479123

Best regards,
Ismael

Hi,

We are not sure if it’s possible to sort the category by date, but you can try this:

/*to limit issues listed in footer category widget so it is not too long*/
function avf_widget_categories_args_mod( $cat_args, $instance ) {
	if($instance['title'] == 'Issues A') {
		 $cat_args['number'] = 5; // Limit to 5 categories.
                 $cat_args['orderby'] = 'date'; 
                 $cat_args['order'] = 'DESC'; 
	}

    return $cat_args;
}
add_filter( 'widget_categories_args', 'avf_widget_categories_args_mod', 10, 2 );

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Have you tried using 1/3 Column elements? To center align the items in the second row, you can apply a left margin to the first item/column in the second row.

#top .flex_column.av-akkm-b2445ebeda64d34ec76acb1a0564417e {
    margin-left: 16.5%;
}

View post on imgur.com

Best regards,
Ismael

Hi,

That is probably due to this css code:

.responsive #top #main .avia-product-slider-container .products .product {
    margin: 0 0 20px 0;
    width: 100%;
}

We no longer see this issue when we checked the site live.

View post on imgur.com

If the issue persists on your end, you can include this code in the css media query:

.responsive #top #main .avia-product-slider-container .products .product {
    margin: 0 1% 1% 0;
    width: 49%;
}

Best regards,
Ismael

Hi,

We modified the code in the Quick CSS field:

@media only screen and (max-width: 768px) {
  #top .avia-slideshow.av-lu5z97j3-d1f957c8c38e449b8b56e5cb4753112f .avia-slideshow-slide img {
    min-height: 500px;
    object-fit: cover;
  }

  #top .av-m7nj2xd7-f8dc5edf704b129f594536c49dabd9b8.avia-slideshow li img,
  #top .av-m8474mmq-b8b082188475e1a03955aab66d3e8639 li img,
  #top .av-m7utj0fm-55a4085e08fb8dd95eeb6325426a31b7 li img
   {
    height: 300px;
    object-fit: cover;
    object-position: right;
  }
}

Result:

View post on imgur.com

We also disabled the Enfold > Performance > File Compression settings temporarily. You can enable it back when you’re done editing the site.

Best regards,
Ismael

Hey ballindigital,

Thank you for the inquiry.

It looks like you have already applied the adjustments. If you’d like to increase the image size further, you can add this css code:

#top.single .single-product-main-image {
    width: 50%;
    float: left;
    margin-right: 50px;
    overflow: hidden;
    padding-bottom: 50px;
}

#top.single .product div.images img {
    width: 100%;
    height: auto;
    max-height: unset;
    margin: 0 auto;
}

Best regards,
Ismael

Hi,

Thank you for the info.

In the style.css file, you have the following css rules that target specific widgets using #custom_html-2 or #custom_html-3. These rules don’t apply to the EN version because the widget there has a different ID, #custom_html-4.

body #header_main #custom_html-2 .col.btn a, body #header_main #custom_html-3 .col.btn a {
    display: block;
    background-image: linear-gradient(#d9c596, #b39b60);
    padding: 0 25px 0 25px;
    color: #050607;
    font-size: 14px;
    font-weight: 700;
    border-radius: 25px;
    max-height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    margin-top: 5px;
}

Please update the css to include the widgets in the EN version.

Best regards,
Ismael

Hi,

Thank you for the info.

We are not yet sure why the < br > tags were added to the av_buttonrow element, but we managed to remove them by manually editing the shortcodes. We enabled the builder’s debug mode.

— https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

View post on imgur.com

Best regards,
Ismael

Hey!

Thank you for the update.

Please note that the modification from the previous thread is for the default editor and the main/featured product image. It’s not going to work when the Advance Layout Builder (ALB) is active. This is still possible with the ALB, but you’ll have to use the Image element. Go to the Advanced > Animation panel, then set the Image Hover Effect settings to Fade to another image.

Let us know if you need additional info.

Cheers!
Ismael

Hi,

Great! Glad to know that this has been clarified. Let us know if you have more questions. Have a nice day.

Best regards,
Ismael

Hi,

We’ll need the FTP details to make changes to the theme files and revert them if necessary. Please provide the information in the private field.

Best regards,
Ismael

Hi,

Try to include this css rule inside the media query (max-width: 479px) to adjust the width of the items in the product slider:

.responsive #top #main .avia-product-slider-container .products .product {
    margin: 0 0 20px 0;
    width: 100%;
}

.responsive #top #main .av-19u5brg-c8bf1da9222c2acf3c8412eb09911916 .products .product {
    margin: 0 1% 1% 0;
     width: 49%;
}

This should maintain the layout of the items in the “Our Best Selling Products” section.

Best regards,
Ismael

Hi,

Thank you for the info.

You have a filter in the functions.php file with the logo URL still pointing to the staging site.

/* Use alternate logo on mobile view */
add_filter('avf_logo','av_change_logo'); 
function av_change_logo($logo) { 
	if(wp_is_mobile()) { 
	    $logo = "https://xxx.net.au/wp-content/uploads/xxx/02/xxxxx.png"; 
	} 
	return $logo; 
}

We updated the logo URL.

Best regards,
Ismael

Hi,

Thank you for the info.

We can see the same report when we run the profiler again. Could you please post the FTP details in the private field so we can test and debug the issue further? It would be even better if you could clone the site to a staging environment so that we can investigate without affecting the live site.

Best regards,
Ismael

Hey purmar2,

Thank you for the inquiry.

Where can we check the issue? Please provide the site URL in the private field and include links to the affected pages. One of your options is to do a database query to remove all line breaks in the post content.

— https://pastebin.com/Pv9fBJS4

IMPORTANT: Please make sure to create a site backup or restore point before proceeding.

Best regards,
Ismael