Hi,
If you add a custom class to the text element in the middle of the second & third columns, such as “custom-class” you could use this css:

.custom-class {
min-height:220px;
}

Without the custom class the css would look like this for your test page second & third columns:

#top.page-id-742 #main > div > div > main > div > div > div.flex_column_table > div > section:nth-child(3),
#top.page-id-742 #main > div > div > main > div > div > div.flex_column_table > div > section:nth-child(3) {
	min-height:220px;
}

I noticed that in your second column, the HR, above the price, has a 30px top margin, so you will want to remove this to match the third column.

Best regards,
Mike

Hey thefirmgraphics,
Sorry for the late reply and thanks for the login, it seems that the plugin uses the same trigger to launch the lightboxs as the theme does, so to correct I disabled the lightbox option in the theme and then added this code to the end of your functions.php file in Appearance > Editor:

function custom_modula_script(){
  ?>
  <script>
(function($){
  $(document).ready(function() {
    $('.modula-items .modula-item-link').addClass('lightbox-added');
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_modula_script');

This is working now, please clear your browser cache and check.

Best regards,
Mike

Hi,
On the page that you linked to the gallery is not opening in a lightbox, the images are opening directly, if you notice the URL bar address ends with “/A0056334.jpeg” for example.
So now if we could get your new lightbox to work for these links it would be good.
Does your cq-hotspot plugin with the Lity lightbox have any instructions on integrating the new lightbox?
The Lity lightbox site says we should add the “data-lity” attribute to the links, but this doesn’t seem to work, perhaps the cq-hotspot plugin changed this? If you don’t see any tips in the documentation for the plugin try asking the plugin author.
Also please disable the smushit plugin for now.

Best regards,
Mike

Hi,
You could try:

#top.page-id-3392 .av_one_fifth.avia-builder-el-27,#top.page-id-3392 .av_one_fifth.avia-builder-el-30 {
    margin-left: 6px !important;
}

But I saw your mockup image at the bottom of the page and I believe this will be difficult to achieve with your current elements.
It looks like the purpose of your grid is cell links to your other pages if I had to create this I might use an html grid layout generator and add the code to a code block element on the page, for the basic grid layout, if this is an option for you please see these generators:
Layoutit
CSS Grid Generator
DIV TABLE
These are a few I found on Google, there are many more.
Another option might be to use the Masonry Portfolio Example: 4 Column Masonry Grid, or the Grid Row element, but you would need to create each box as a portfolio item, which in itself might be a larger task than is needed.

Best regards,
Mike

Hi,
Please try removing the script and disable the built-in lightbox at: Enfold Theme Options > Lightbox Modal Window

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Please try adding this css below the other css, so this runs after:

@media only screen and (max-width: 430px) { 
	.avia-safari #kontakt, .avia-safari #kontakt .av-section-color-overlay {
    height: 132vh !important;
}
}

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to help.

Best regards,
Mike

Hey Getersa,
Sorry for the late reply, the page builder in Enfold, the Advanced Layout Builder, is built into the core of the theme and can not be removed or replaced with another builder. We do not recommend other page builders nor do we expect them to work with Enfold, the Visual Composer is one such builder that doesn’t work with Enfold.

Best regards,
Mike

Hey rixi,
Sorry for the late reply, and thanks for the link. As I understand your question you are referring to this form:

and you would like it to look like this:

you can do this within the form options, for each element go to the styling tab and choose the width you wish, for example 4 elements would fit in one line if each was 1/4 wide.

Another option would be to try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.avia_ajax_form .form_element_half {
    width: 24% !important;
}
.avia_ajax_form .first_form {
    width: 24% !important;
    clear: right !important;
}
#av_section_2 > div > div > div > div > div > form > fieldset > p:nth-child(6) {
	 width: 24% !important;
	 clear: right !important;
}

This is what I used to take the screenshot above.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Giorgio Mario,
Sorry for the late reply, this is normal WordPress behavior and it creates many sizes as a core function, you can see the image sizes that are created by Enfold in the functions.php starting with line 178.
You can choose to disable these if you wish but those sizes won’t be available if you do.
The best way to control these sizes is with the plugin Simple Image Sizes

Best regards,
Mike

Hey PT0060,
Sorry for the late reply, to add a right sidebar to a product page try adding this code to the end of your functions.php file in Appearance > Editor:

add_action('init','ava534345953_init', 50);
function ava534345953_init() {
	add_action( 'woocommerce_after_single_product_summary', 'avia_add_sidebar', 25);
}

function avia_close_image_div() {
	global $avia_config;
	echo "</div>
";
}

function avia_add_sidebar() {
	if(is_product()) {
	$avia_config['currently_viewing'] = "shop_single";
	get_sidebar();
	}
}

and this css to your Quick CSS:

.single-product-main-image {
    width: 25%;
}

.single-product-summary {
    overflow: hidden;
    width: 45%;
    float: left;
    margin-right: 5%;
}

.single-product .sidebar {
    width: 25%;
}

You may need to adjust the css to suit.

Best regards,
Mike

Hey sifupeter,
Sorry for the late reply and thanks for pointing this out, I will submit to the dev team for review.

Best regards,
Mike

Hi,
Thank you for the feedback, I checked your site’s merged css and didn’t find the above css, but when I test by injecting the css it works, please see the screenshot in Private Content area.
So my thought is that your cache didn’t clear or it wasn’t merged. So please try disabling your Enfold Theme Options > Performance > JS & CSS file merging and compression and enable the Enfold Theme Options > Performance > Delete old CSS and JS files at the bottom of the same page.
Then add the css to: WordPress > Customize > Additional CSS field, this will have the highest priority.
Then clear your browser cache and check.
If this doesn’t work for you please check if you can clear your server cache, if you have one.
Otherwise, please include an admin login so we can check.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 1600px) {
#top.home #after_layer_slider_1 .post-entry-11 .flex_column.av_one_third.flex_column_table_cell {
    display: table-row !important;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike