Hey Suze,

Thank you for the inquiry.

We can change the color of the title on hover but not the image. Please add the following code in the Quick CSS field and make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings.

#top .av-section-tab-title:hover .av-outer-tab-title {
    color: red;
}

Best regards,
Ismael

Hey Manuel,

Thank you for the inquiry.

We can modify the html of the logo and add an alt attribute to it but we are not sure if svg tags actually accept alt attribute.

add_filter( 'avf_svg_images_get_html', function($svg, $attachment_id, $url, $preserve_aspect_ratio, $class, $svg_original ) {	
    $logo_alt = get_post_meta($attachment_id, '_wp_attachment_image_alt', true);

    if( ! empty($logo_alt) ) {
        $svg = str_replace('<svg', '<svg alt="'. $logo_alt .'" ', $svg);
    }

    return $svg;
}, 10, 6);

According to this article, svg tags accepts title and desc tags.

// http://web-accessibility.carnegiemuseums.org/code/svg/

Best regards,
Ismael

Hi,

Thank you for the update.

It resized the post slider but it made the whole desktop view morphed,

The css rule is inside a css media query (max-width: 479px) for mobile or smaller screens, so it should not have affected the desktop view. Are you sure that you copied it correctly? Did you add other css?

Best regards,
Ismael

Hi,

Thank you for the update.

We just noticed that the site still contains an older version of the theme (4.8.6.3), which doesn’t contain the filter that we used above. Please make sure to update the theme to version 4.8.8.1. The update should help fix the issue with the excerpt.

Best regards,
Ismael

Hi,

Thanks for the update.

The shortcode is supposed to work in the Tab Content field. What are the active languages in the site? Please provide the site URL in the private field so that we can check it.

Best regards,
Ismael

Hi,

Thank you for the clarification.

Looks like the cart item or cart row requires a bit of style adjustment. Please add this css code in the Quick CSS field or in the style.css file.

@media screen and (max-width: 767px) {
    .woocommerce .shop_table .woocommerce-cart-form__cart-item td::before {
      display: none;
    }
  
    .woocommerce-cart-form__cart-item {
      display: flex;
    }
  
    .woocommerce-cart-form__cart-item .remove {
      left: 50%;
      top: 50%;
      transform: translate(50%, 50%);
      text-indent: 9999px;
    }
  
    .responsive table.shop_table.cart .product-name {
      padding: 3px 10px 3px 3px;
      border-right: 1px solid;
    }
  }

The cart item should look like this after adding the css.

Screenshot: https://1drv.ms/u/s!AjjTfXSRbKTvwAQaC1FRsHpgeidM

Did you install a plugin to extend the functionality of the cart? It might have affected the default layout of the cart page.

Best regards,
Ismael

Hi,

Have you tried editing the slider itself? There should be a slider settings for the background. You can also add a new layer, set its width and height to 100%, then apply a background to it. Just make sure to place it beneath the other layers.

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,

Thank you for the clarification.

Looks like the style of the postslider element has changed a bit. To revert it back to the previous layout, try to use this css code.

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

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

Best regards,
Ismael

Hi,

Thank you for the info.

Can we deactivate the plugins while testing the site? If not, please clone the site to a different domain so that we can test it properly.

What is the content of the .htaccess file? Please post the content of the file on pastebin.com or provide the FTP details in the private field so that we can check it and edit the template files when necessary.

Best regards,
Ismael

Hi,

Thank you for the update.

We added the filter again and it seems to be working correctly on our end. The excerpt of the posts in the masonry items are not displaying anymore. Please check the screenshot in the private field.

Best regards,
Ismael

Hey Thomas,

Thank you for the inquiry.

Where do you select the “Link” custom post type? The theme doesn’t create a post type with that name by default. Are you using a plugin to create it? Please provide a screenshot or a link to the page so that we can inspect it.

Best regards,
Ismael

Hi,

Thank you for the update.

We saved the content of the Butiken page as template, deleted it completely and tried to recreate it from scratch but the issue persists. The posts are still displayed in the page as if it is the blog overview page.

Have you tried deactivating the plugins temporarily? Did you modify the .htaccess file?

Best regards,
Ismael

Hi,

Thank you for the info.

It is actually working but you might be confusing max-height with the min-height or the height properties. Please note that the max-height property is used to control the height of an element so that it doesn’t go taller or beyond the specified value. The actual height of the slider doesn’t reach that limit or it doesn’t go taller than 480px on mobile view.

Are you trying to keep the height of the slider to 480px even on smaller screens? Try to replace max-height property with min-height or just height.

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like you are using a plugin for the news page. It is not using the default Blog Posts element or posts template, which is why the posts are not resizing accordingly. What is the name of the plugin?

This is part of the news plugin, which might give you an idea why it looks different.

<div class="news-page-search-column-area">
<div class="news-page-search-column">
        --- more html ---</div>
</div>

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like you are using the Revolution Slider on the previous site. There is a preloader option in the revolution slider, which prevents the slider from loading immediately while the video is still loading. It waits for the video to buffer before actually displaying the slider, so it looks like the video starts immediately once the slider is visibile. The preloader option is not available in the default slider. You may need to use the layer slider or the revolution slider and replace the current one.

Best regards,
Ismael