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

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

.responsive #top #av_section_4 .container {
	width: 100%;
}
@media only screen and (max-width: 767px) { 
	#top #av_section_4 .avia-icongrid .av-icon-cell-item .avia-icongrid-flipback {
		padding: 0 3em;
	}
	.avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front .avia-icongrid-inner, .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback .avia-icongrid-inner {
		padding: 0 3em;
	}
}

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,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.html_header_top.html_header_sticky #top.blank #wrap_all #main {
	padding-top: 0 !important;
}

the pages shown in the lightbox have the class “blank” added to the body, so #top.blank can be used to target elements inside the lightbox.
The lightbox has the class “mfp-iframe-holder” but the page in the lightbox is in a iframe and the parent page css can not effect the iframe page, so the css must be added to the child page css, thus the #top.blank.
If you clear the cache and the above css still doesn’t work, try adding it to your WordPress ▸ Customize ▸ Additional CSS, it has a highest priority.

Best regards,
Mike

Hi,
In my research I fould the custom fields that begin with an underscore are hidden custom fields and are not displayed in the WordPress edit post page and can only be updated programmatically.
This is why you can not add it manually, I found and function that will allow the field to be shown, but you still can not manually update it:

add_filter( 'is_protected_meta', function( $protected, $meta_key, $meta_type )
{
    $allowed = array( '_avia_hide_featured_image', '_test', '_wp_page_template' );
    if( in_array( $meta_key, $allowed ) )
        return false;

    return $protected;
}, 10, 3 );

See these pages for reference:
https://melapress.com/support/kb/wp-activity-log-log-changes-hidden-custom-fields/
https://wordpress.stackexchange.com/questions/116534/how-to-allow-hidden-custom-fields-to-be-added-from-wp-admin-post-php

Perhaps your best solution will be to create a new custom field that will add a custom class to the page body and then use css to hide the featured image when ever the class is on the page.

Best regards,
Mike

Hi,
I tried to recreate the post that you linked to, so I created a test page with two links:

the first link opens a Classic Editor post in a new tab, the second opens the same post in a lightbox, in order for the link to work this must be added to the end of the post url:
?iframe=true&modal

Then I added two snippets in my WP Code plugin, the first is a PHP snippet

function add_modal_qs(){	
	if(isset($_GET['modal'])) {
		global $avia_config;
		if(isset($avia_config)) {
			$avia_config['template'] = 'blank';
		}
	}
}
add_action('init', 'add_modal_qs');

the second is a CSS snippet

#top.blank .title_container,#top.blank #main .sidebar{display:none;}
#top.blank .container .av-content-small.units {width: 100%;}
#top.blank .container .content {border: none;}
#top.blank #main .sidebar {border: none;}

The PHP snippet opens the post in a lightbox with no header or footer, the CSS snippet hides the titlebar and the sidebar and makes the post content full width.
So the first link, with the normal url, opens the post in a new tab with everything showing:

the second link with ?iframe=true&modal added to the url open a lightbox with only the content showing:

Best regards,
Mike

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