Hi,

Thank you for the inquiry.

styles.css file it is ignored.

The name of the file should be style.css without “s”. You don’t need to enqueue it because the theme or WordPress will load it automatically.

Best regards,
Ismael

Hey PrivitMarketing,

Thank you for the inquiry.

The link that you provided above goes to the overview page. Which specific demo are you trying to replicate? Is it the 2017 demo?

// https://kriesi.at/themes/enfold-2017/

If you want to add images to the tab section title, set the Content > Tab Symbol to the third option (Display image), then upload the image.

Best regards,
Ismael

Hi,

Thank you for the update.

We edited the css code a bit and make the selector more specific. Please make sure to toggle the minification and purge the cache after adding the css code.

#top .forminator-ui.forminator-design--flat .forminator-button-next {
    background-color: #a81010;
    color: #FFFFFF;
    border-radius: 35px;
    padding: 20px 50px;
}

Best regards,
Ismael

Hey Stefan,

Thank you for the inquiry.

You can limit the displayed posts by adjusting the value of the the Settings > Reading > Blog pages show at most field. If you are using the Blog Posts element, go to the Styling > Pagination panel, adjust the Post Number settings, then disable the Pagination.

Best regards,
Ismael

Hey Julie,

Thank you for the inquiry.

1.) We cannot find the Vimeo video in the page and when we click the “live stream” button, it just redirects to a blank page. Did you remove the video? You might be referring to the the default background color of the Vimeo player. Unfortunately, it is not possible to change the style of an element inside an iframe.

2.) Would you mind providing a screenshot of the issue? You can use imgur, savvyify or dropbox for the screenshot. Thanks.

Best regards,
Ismael

Hey woogie07,

Thank you for the inquiry.

Pages built using the Advance Layout Builder (ALB) are actually composed of shortcodes. We can provide the shortcodes of a specific demo page but you have to enable the debug mode and manually insert the shortcodes in the shortcodes field. Please check the documentation below for more info on how to enable the debug mode.

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

These are the shortcodes in the blog-masonry/.

// https://pastebin.com/C3ZL5teY

You have to place these shortcodes in the shortcodes field located just below the ALB.

Best regards,
Ismael

Hey Guenter,

Thank you for the inquiry.

We encountered this problem before and in one case, it turned out to be an issue with the post content, specifically the color section. I think the user enabled the excerpt or content in the search results. The issue in your installation might be different. Please check the following thread.

// https://kriesi.at/support/topic/search-results-layout-broken/#post-1332280

Did you add any html tags to the post titles?

Best regards,
Ismael

Hey evas49,

Thank you for the inquiry.

The parent page will only be included in the breadcrumb if it is set as the main blog page in the Enfold > Theme Options panel. Did you set the page containing the masonry element as the default blog page?

You can also use the avia_breadcrumbs_trail filter to manually adjust the trail and include a specific page when a certain custom post type entry is in view. Usage example can be found in the following links.

// https://kriesi.at/support/topic/events-events/#post-1354583
// https://kriesi.at/support/topic/problem-with-breadcrumb/#post-1289346
// https://kriesi.at/support/topic/breadcrumbs-when-a-parent-menu-item-is-a-custom-link/#post-1364287

Best regards,
Ismael

Hi,

Have you tried setting up SMTP for both email addresses? This should prevent emails from going to the junk or spam folder. You may need to ask your hosting provider for the SMTP configuration for your domain email address. Please check any of these plugins.

// https://wordpress.org/plugins/easy-wp-smtp/
// https://wordpress.org/plugins/wp-mail-smtp/

Glad to know that the contact form plugin is working properly.

Best regards,
Ismael

Hi,

We created a new widget area called “Header” and added a text widget with the button row shortcode. We are not able to add the hook because the Appearance > Theme File Editor panel is not accessible.

You have to add this code in the functions.php file to insert the widget area in the header.

function ava_customization_header_widget_area() {
    dynamic_sidebar( 'header' );
}
add_action( 'ava_after_main_menu', 'ava_customization_header_widget_area' );

Thank you for your patience.

Best regards,
Ismael

Hey fkm,

Thank you for the inquiry.

Try to this css code to adjust the height of the timeline images on smaller screens.

@media only screen and (max-width: 767px) {
    .av-no-preview .avia-timeline .milestone_icon.milestone-icon-hasborder .milestone_inner {
        line-height: 300px;
    }
}

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

Best regards,
Ismael

Hi,

Great! Glad to know that this has been sorted out. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey emilconsor,

Thank you for the inquiry.

You can upload the SGV files in the media library and use their ID instead of manually retrieving them from a specific directory.

add_filter('avf_logo', 'av_change_logo');
function av_change_logo($logo)
{

  $menuSelect = get_field("header_selection");
  if ($menuSelect == 65) {
    $logo = ID_OF_SVG_IMAGE;
  } elseif ($menuSelect == 69) {
    $logo = ID_OF_SVG_IMAGE;
  } elseif ($menuSelect == 2) {
    $logo = ID_OF_SVG_IMAGE;
  } 

  return $logo;
}

Please note that this will only work if the initial logo is also an SVG image. ID_OF_SVG_IMAGE is the ID of the uploaded SVG image in the Media > Library panel.

Best regards,
Ismael

Hi,

Thank you for the update.

You may need to edit the enfold/config-templatebuilder/avia-shortcodes/countdown/countdown.js directly. Please edit the script file and replace everything with the following code.

// https://pastebin.com/4SgWsmCR

Best regards,
Ismael

Hi,

We applied a unique ID to the slider (edunao-slider) and edited the script a bit. Let us know if this works.

function ava_equal_slider_height() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($) {
	var width = $(window).width();
	if ((width >= 767)) {
      $('#top #edunao-slider .avia-slideshow-inner li.slide-1').each(function(index){
          $('#top #edunao-slider .avia-slideshow-inner li.slide-2').find('img').eq(index).css('height', $(this).css('height'));
          $('#top #edunao-slider .avia-slideshow-inner li.slide-3').find('img').eq(index).css('height', $(this).css('height'));
      });
	} else {}
})(jQuery);
});
  </script>
  <?php
}
add_action('wp_footer', 'ava_equal_slider_height');

Thank you for your patience.

Best regards,
Ismael