Hi,

You’re very welcome! Please feel free to open a new thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

Sorry for the troubles. The icons are not displaying properly because the entypo-fontello.woff file is not available or is not loading properly.

Did you set the nginx server to allow font files? This location directive should be added in the nginx.conf file inside the server context.

    location ~* \.(?:eot|woff|woff2|ttf|svg|otf) {
        access_log        off;
        log_not_found     off;

        expires           5m;
        add_header        Cache-Control "public";

        # allow CORS requests
        add_header        Access-Control-Allow-Origin *;
    }

Best regards,
Ismael

Hi,

@rockdesignnet: The masonry element uses a specific thumbnail which is also named “masonry”. The maximum width and height of this thumbnail is set to 705px, but it can be adjusted manually by doing the same steps that we provided previously, but with a different plugin.

You have to adjust the size of the Large size thumbnail in the Settings > Media panel. It is currently set to 1030x1030px. After the adjustment, try to upload the images again or use the following plugin to regenerate the thumbnails.

You have to install the Simple Image Sizes plugin, adjust the size of the “masonry” thumbnail in the Settings > Media panel, then regenerate the thumbnails or upload the images again.

// https://wordpress.org/plugins/simple-image-sizes/

Best regards,
Ismael

Hi,

Did you enable the social icons from the Header > Extra Elements > Header Social Icons settings? The icons should be available in the page so that the script can move them inside the mobile menu. We tried to login to the site but the previous account is not valid.

Best regards,
Ismael

Hi,

Sorry for the late response. You might have to modify the config-templatebuilder\avia-shortcodes\postslider\postslider.php file in order to move the category above the title. Look for this code around line 842:

	$output .=  "<{$heading} class='slide-entry-title entry-title {$css}' $markup><a href='{$link}' title='" . esc_attr( strip_tags( $title ) ) . "'>{$title}</a></{$heading}>";

						//	modern business style
					if( ( strpos( $new_blogstyle, 'modern-blog' ) !== false ) && ( $new_blogstyle != '' ) ) 
					{
						$output .= $meta_out;
					}

Move $metaout above the the $title.

Best regards,
Ismael

Hey forgottensky,

Thank you for the inquiry.

We are not really sure how the borlabs content block works but you can add an overlay above the portfolio item using a filter. Maybe you can create a script that removes the overlay when the user opt in to play the video or click the button in the overlay.

You can add this in the functions.php file:

add_filter('avf_portfolio_custom_overlay', function($overlay, $entry) {
	$id = $entry->ID;
	$custom_link = get_post_meta( $id, '_portfolio_custom_link', true ) != '' ? get_post_meta( $id, '_portfolio_custom_link_url', true ) : false;
	if($custom_link) {
		$overlay .= "<div class='grid-entry-privacy-overlay'><span>You shall not pass!<span></div>";
	}
	return $overlay;
}, 10, 2);

.. then use this css code to style the overlay a bit:

.grid-entry-privacy-overlay {
    display: table;
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
}

.grid-entry-privacy-overlay span {
	display: table-cell;
	vertical-align: middle;
	color: #ffffff;
	font-size: 2em;
}

You can also try and add the borlabs shortcode as the output of the overlay filter.

Best regards,
Ismael

Hi,

We are not yet sure why the icons are not displaying, but we found an error in the console which might be related to the issue.

This is the error:

Uncaught SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
onload <a href="https://d335luupugsy2.cloudfront.net/js/chat_button/stable/chat_button.min.js?uniq=0.2695216924159266:1" rel="nofollow">https://d335luupugsy2.cloudfront.net/js/chat_button/stable/chat_button.min.js?uniq=0.2695216924159266:1</a>

Do you have any idea where it’s from, or how it’s loaded?

Best regards,
Ismael

Hi,

What do you mean by “request mobile version”? Do you mean Chrome’s device toolbar?

This is how we see the site on Chrome’s iPad Pro emulation.

Screenshot: https://imgur.com/fu5C532

Best regards,
Ismael

Hi,

The sub menu looks exactly like the screenshot now, so we are not really sure which element you’re trying to center here.

You should be able to center align an element relative to the parent container using the transform property.

.parent{
  position: relative;
}
.child{
  position: relative;
  left: 50%;
  transform: translateY(-50%);
}

Best regards,
Ismael

Hi,

The script above only triggers the corresponding tab section title based on the tabsort parameter. You can’t append the anchor in the link or expect to go to a nested content within the tab section. If you want the page to automatically scroll to the tab section, try to use the scrollTo function in the script.

 	$([document.documentElement, document.body]).animate({
						scrollTop: $("#av-tab-section-1").offset().top
					}, 1000);

Replace #av-tab-section-1 with the id the grid row element. Or try to replace the previous code with this:

add_action('wp_footer', function() {
	?>
	<script>
		(function($){
            function getQueryParams(qs) {
			    qs = qs.split("+").join(" ");
			    var params = {},
			        tokens,
			        re = /[?&]?([^=]+)=([^&]*)/g;

			    while (tokens = re.exec(qs)) {
			        params[decodeURIComponent(tokens[1])]
			            = decodeURIComponent(tokens[2]);
			    }

			    return params;
			}

            $(document).ready(function() {
				var $_GET = getQueryParams(document.location.search);

				if($_GET['tabsort']) {
					$("a[data-av-tab-section-title='" + $_GET['tabsort'] + "']").click(function() {
						this.click();
					}).click();

					$([document.documentElement, document.body]).animate({
						scrollTop: $("#av-tab-section-1").offset().top
					}, 1000);
				}
            });
        })(jQuery);
	</script>
	<?php
}, 9999);

The link to the page containing the tab section should look something like this:

http://site.com/sample-page/?tabsort=3

… without the anchor.

Best regards,
Ismael

Hi,

You’re welcome! We’ll close the thread now, but please don’t hesitate to open another if you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

How did you create the “Regal aufbauen” and “Regal abbauen” services? We are having a bit of difficulty navigating the site because of the language.

We went through the filters and actions included in the theme, but we can’t find anything that sorts the taxonomy terms. In which taxonomy do the services “Regal aufbauen” and “Regal abbauen” belong?

Best regards,
Ismael

Hi,

Thank you for the update. We have now added the script at the very bottom of the functions.php file. The items in the masonry element are now shifting properly while the page or images are loading. Please don’t forget to remove the cache prior to checking the page.

Best regards,
Ismael

Hi,

We missed the margin from the video element. Try this css code.

.flex_cell .avia-video {
	margin-bottom: 0;
}

You might have to remove the minimum height of the grid row cells to get rid of the spaces on smaller screens.

Best regards,
Ismael

Hi,

The “Redirect to selected page” uses the wp_redirect function while the other returns a query containing the id of the 404 page and the corresponding 404 template. Functions can be found in the themes\enfold\includes\class-avia-custom-pages.php file.

Best regards,
Ismael