Hi,

Thank you for the update.

The icon is not visible because it has the same color as the background. Please add this css code to adjust the color of the cart icon and make it visible.

.header_color .cart_dropdown .dropdown_widget li a, #top .header_color .avia_cart_buttons .button, #top .header_color .dropdown_widget .buttons .button, .header_color .cart_dropdown_first .cart_dropdown_link, #top .header_color p.order-info mark {
    color: red;
}

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like the slider breaks when there is another link or button inside the caption container. It does work but the layout of the slider is no longer correct. Please remove the button or link shortcode from the caption field and activate the slider buttons instead.

And to apply a custom link to the slide, add this span element in the caption field instead.

<span class="av-slider-link hidden" data-link="http://kriesi.at"></span>

We will add the custom slide link in the data-link attribute, then add this code in function.php file to redirect the page to the specified data-link when the slide is clicked.

// apply custom link to the slide image
function ava_custom_script_slideshow_link()
{
    ?>
    <script type="text/javascript">
        (function($) {
            $('.avia-slideshow-slide').on('click', function() {
                var sliderlink = $(this).find('.av-slider-link');
                window.location.href = sliderlink.attr('data-link');
            });
        })(jQuery);
    </script>
    <?php
}
add_action( 'wp_footer', 'ava_custom_script_slideshow_link', 9999 );

Best regards,
Ismael

Hi,

Thank you for following up.

1.) You can use css to pull the combo widget upwards and position it closer to the widget title. Each widget has its own unique ID which can be used to style them.

2.) You don’t have to keep the file compression disabled forever, only while editing the site. We actually increase the size of the text, default is 0.85em. Please try this again.

#top .news-content {
    font-size: 0.5em;
}

OR

#top .news-content {
    font-size: 11px;
}

Best regards,
Ismael

Hi,

Thank you for the update.

1.) Above the combo widget, you can add another text or html widget and use it as the title of the widget below.

2.) Which fonts or text? The font size of the text inside the combo widget is actually quite small. You can adjust it with this css code if you like.

#top .news-content {
    padding: 7px 0 3px 0;
    line-height: 1.7em;
    position: relative;
    overflow: hidden;
    font-size: 1em;
    display: block;
    clear: both;
    margin: 0;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

Best regards,
Ismael

Hi,

Thank you for the update.

One of the fonts is coming from the Layer Slider plugin, so we edited the layer slider settings and disabled Google Fonts. The default Dosis font was also selected for the elements in the Enfold > Advanced Styling panel, which we adjusted. The site should now pass the google font checker.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

@Highlander-2013: Please try the suggestion above, just let us know if you need more help.

Thanks @Guenni007!

Best regards,
Ismael

Hi,

Thank you for the update.

You can use this css code to adjust the width of the featured image.

.single .fullsize .template-blog .big-preview img {
    width: 50%;
    margin: 0 auto;
}

To remove the border of the search tooltip or field, try this css.

.avia-search-tooltip {
    box-shadow: none;
    border: 0;
}

Would you mind providing a screenshot of the border so just we can confirm that we are inspecting the correct element? You can use imgur, savvyify or dropbox for the screenshot. Thanks.

Best regards,
Ismael

Hi,

Thank you for the update.

We added the css code again and disabled the Enfold > Performance > File Compression settings but the css modification is still not loading correctly. The css works when we apply it directly in the browser.

Did you install any cache or compression plugins? Please disable them temporarily.

// https://1drv.ms/u/s!AjjTfXSRbKTvyTGrV4GuWZO9B9Jv?e=RnIVwz

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Did you select the Roboto font in the Enfold > General Styling > Fonts panel, or did you add a layer slider? if there is a layer slider in the page, you can disable the Google Fonts in the layer slider settings. We were not able to check the page above because it is private and requires a password.

Best regards,
Ismael

Hi,

No worries. Please let us know if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey valorum,

Thank you for the inquiry.

The avia_lang_setup just set the lang folder or directory and load the corresponding .mo file or the translated strings, which is required by multilang plugins such as WPML or Polylang.

Have you tried disabling the Performance > File Compression settings? Are you still editing the site? Please also try to deactivate the plugins temporarily and observe the site.

Best regards,
Ismael

Hi,

Glad to know that the modification is working. Please let us know if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

We tried logging in to the cpanel above using the account above but it seems to be invalid. Please ask your hosting provider to check the login info or ask them to create an FTP account for the site.

Did you set the WP_DEBUG_DISPLAY to true in your wp-config.php file? Please set it so that we can see the errors in the backend.

// https://wordpress.org/support/article/debugging-in-wordpress/#wp_debug_display

Best regards,
Ismael

Hi Thomas,

No problem. Glad we could be of help. It is always nice to be a noob at something because you tend to learn a lot. Please do not hesitate to ask if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey Emmygraph,

Thank you for the inquiry.

The position of the button will depend on the height or size of the featured image and length of the excerpt and the title. To make sure that the read more buttons will align with each other, you have to control the image size and the size of the excerpt.

You can try this css code but we don’t recommend it because it will require adjustments on different screen sizes.

.slide-entry-wrap {
    display: flex;
    overflow: hidden;
    grid-auto-rows: 1fr;
}

.slide-entry {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 70px;
}

.slide-content {
    min-height: 500px;
    position: relative;
}

.avia-content-slider .read-more-link {
    position: absolute;
    bottom: 0;
    width: 100%;
}

footer.entry-footer {
    position: absolute;
    bottom: 0;
}

Best regards,
Ismael