Hey ausgesonnen,
This seems to ba a duplicate thread, I offered a solution in your other thread, please review.

Best regards,
Mike

Hi,
Thank you for your patience and your screenshots, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#main .avia-timeline-vertical.av-milestone-placement-left .av-milestone-content-wrap {
    width: 44%;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey jeel147,
Thank you for your patience, to remove the pencil icon try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.fallback-post-type-icon {
	display: none;
}

The space between each item is created by the padding, this css will reduce it in half, but feel free to adjust to suit.

.bloglist-compact.post-entry {
    padding: 7px 0;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the video, I’m not sure how your plugin works, but your test post is a Block Editor post on the backend, but if I publish it it seems to be a ALB post on the frontend, so I believe this causes an issue. Similar to if you try to switch editors after a post is created, this often causes errors with the content.
If you don’t want the featured image to show you can use this css to hide it:

.single-post .big-preview.single-big {
	display: none;
}

This might be the best way to work around this.

Best regards,
Mike

Hey rqn,
If you want to hide the prev / next post navigation and add a new blog post navigation to the bottom of the posts, above the share buttons, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter( 'the_content', 'prev_next_post_nav' );
function prev_next_post_nav( $content ) {
	if ( is_singular('post') ) {
	$content .= '<div style="clear:both;"></div>';
	$content .= '<div class="prev-next-nav-container">';
	$content .= '<div class="prev-nav">';
	$content .= get_previous_post_link();
	$content .= '</div>';
	$content .= '<div class="next-nav">';
	$content .= get_next_post_link();
	$content .= '</div>';
	$content .= '</div>';
	return $content;
	}
	else {
		return $content;
	  }
}

Then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.prev-next-nav-container {
	width: 100%;
	height: 70px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.prev-next-nav-container .prev-nav {
	display: inline-block;
	float: left;
    border-style: solid;
    border-width: 2px;
    border-radius: 0px;
    text-align: center;
    padding: 5px;
    text-decoration: none;
}
.prev-next-nav-container .next-nav {
	display: inline-block;
	float: right;
    border-style: solid;
    border-width: 2px;
    border-radius: 0px;
    text-align: center;
    padding: 5px;
    text-decoration: none;
}
.prev-next-nav-container .prev-nav:hover,
.prev-next-nav-container .next-nav:hover {
	background-color: rgba(0,0,0,.2);
	color: #fff;
}
.prev-next-nav-container .prev-nav:hover a,
.prev-next-nav-container .next-nav:hover a {
	color: #fff;
}
.prev-next-nav-container .prev-nav a,
.prev-next-nav-container .next-nav a {
	display: inline-block;
}
.prev-next-nav-container .prev-nav:empty,
.prev-next-nav-container .next-nav:empty,
.single-post .avia-post-nav.avia-post-prev,
.single-post .avia-post-nav.avia-post-next {
  display: none;
}

This will make post navigation buttons like this:

The buttons only have a light styling, you can adjust to suit.
On Advanced Layout Builder posts they will show at the bottom of the post page:

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey carmen,
Thanks for your question, if you use the Enfold builder, (ALB) Advanced Layout Builder, to build a page please don’t edit it with another builder, like the WP Classic Editor, Block Editor, etc. This can lead to issues, if you want to see the raw page shortcode please Enable the Avia Layout Builder Debugger and this will show a new area under the builder that shows the shortcode.

Best regards,
Mike

Hi,
Try this javascript it will get url of the product page with the “more info” button when clicked and then redirect to your contact form page and add the original page url into a form field. For this example it adds the url into the message field, but you could add another field for the url so your visitors don’t write over the url.
Try testing this javascript as is first by adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script_to_add_product_url_into_contact_form() { ?>
  <script>
document.addEventListener("DOMContentLoaded", function() {
    var button = document.getElementById('woocommerce-catalog_custom_button');

    if (!!button) {
    button.removeAttribute('href');
    button.onclick = function() {
        redirectToForm();
    };
    }

    function redirectToForm() {
        var currentPageUrl = window.location.href;

        window.location.href = 'https://www.officineditrevi.com/en/contact-us-products-info/?source=' + encodeURIComponent(currentPageUrl);
    }

    var urlParams = new URLSearchParams(window.location.search);
    var sourceUrl = urlParams.get('source');

    if (sourceUrl) {
        var formField = document.querySelector('.cf7-txt-c');
        formField.value = sourceUrl;
    }
});
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script_to_add_product_url_into_contact_form', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
If it then works you can try adding another field to your form and adjust the code above.
I tested this by injecting it in the browser and it worked for the test page and form that you linked above, I assume that all of the buttons on your product pages are the same.

Best regards,
Mike

Hi,
Very well, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
I’m not sure if WPML works with the Elementor elements, I assume that it does.
I don’t recommend using Elementor, Enfold has it’s own built-in builder and typically other builders can cause a conflict.
Unless there is anything else we can assist with on this issue, shall we close this thread then?

Best regards,
Mike

Hi,
Thank you for your patience and the screenshot, please include an admin login in the Private Content area so we can investigate further.

Best regards,
Mike

Hi,
Your screenshot show the “title: attribute, this is shown by the browser and is not a theme feature, to remove this try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function temporary_removal_title_tags(){
?>
<script>
  window.onload = function() {
      var links = document.querySelectorAll('a , img');
      for (var i = 0; i < links.length; i++) {
          var link = links[i];
          link.onmouseover = function() {
              this.setAttribute("org_title", this.title);
              this.title = "";
          };
          link.onmouseout = function() {
              this.title = this.getAttribute("org_title");
          };
          link.onclick = function() {
              this.title = this.getAttribute("org_title");
          };
      }
  };
</script>
<?php
}
add_action('wp_footer', 'temporary_removal_title_tags');

Thanks to Guenni007 for this script.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hey schwabino,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia-video {
  width: 31%;
  position: relative;
  overflow: hidden;
}
.avia-video video {
  object-fit: cover;
}

this will affect all of the videos on your site, so if you only want it on a few add a custom class to the videos and then adjust the css to match.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Your welcome, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey sky19er,
Thank you for your patience, I have found that all LayerSlider elements have this css:
position: static !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
this prevents margin to be used in the way you wish, you will note they are using the !important;
I tried writing some javascript to try to override this but it was not working. I also tested using a HTML LayerSlider element but it also gets the above rules.
It seems like the LayerSlider is designed to place your content exactly were you want it and not use global width for the elements.
I tried searching Google and the LayerSlider support forum but didn’t find anything helpful.

Best regards,
Mike