Hi,

Thank you for the update.

Please try to add this css code to adjust the width of the form fields on smaller screens.

@media only screen and (max-width: 479px) {
    .responsive .avia_ajax_form .form_element {
        width: 90%;
    }
}

Best regards,
Ismael

Hi,

You’re quite welcome! Let us know if you have more questions. Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

but when I created a new “portfolio”, the custom layout did not exist in ALB.

You need to create all of your portfolio items first before running the function. The function will look for all items in the same post type, switch the builder to ALB by creating all the necessary post meta information or custom fields, and then apply your selected custom layout. After running it once, you can delete the code.

It’s also possible to connect it to a custom button so that you can run it manually when needed, but that would require additional modifications beyond the scope of support.

Let us know if you need more info.

Best regards,
Ismael

Hi,

Thank you for the info.

The contact form seems to be resizing correctly on our end. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, ImgBB, PostImages, or Dropbox.

Best regards,
Ismael

Hey rixi,

Thank you for the inquiry.

Are you referring to the tablet view of the contact form fields? Please add the following code in Enfold > General Styling > Quick CSS field.

@media only screen and (max-width: 1024px) {
  /* Add your Mobile Styles here */
  .responsive .avia_ajax_form .form_element {
    width: 100%;
    clear: both;
    margin-right: 0;
    margin-left: 0;
    float: none;
  }
}

Another option is to make the columns stack to full width on tablet view.

Best regards,
Ismael

Hey nebuddlho,

Thank you for the inquiry.

Try to add this code in the functions.php file to adjust the size of the lightbox image.

function avf_alb_lightbox_image_size_mod( $size, $context ){
  if( $context == ('av_gallery' || 'avia_masonry') ){
    return 'full';
  }
  return $size;
}
add_filter( 'avf_alb_lightbox_image_size', 'avf_alb_lightbox_image_size_mod', 10, 2 );

Let us know the result.

Best regards,
Ismael

Hi,

We can now see the fading slider. If you need this to be visible on tablet view, please add this css code:

@media screen and (max-width: 1024px) {
    .responsive.av-no-preview #top #wrap_all #slider-gebaede-frueher-heute {
        display: block !important;
    }
}

Let us know the result.

Best regards,
Ismael

Hi,

This only seems to hide the empy item om the “News” page (https://regenboogalliantie.nl/nieuws/)
The same issue is visible in the masonry element on the page https://regenboogalliantie.nl/nieuws/

The links above look the same. Can you provide the correct link to the other page? For the home page, you can add this css code:

#top .av-mfb8b6h9-903a18144fa2874ec5abc87835770ec5 .av-masonry-container .av-masonry-entry:first-child,
#top .av-mfgqr9vd-8ed003c43d554c716ccad992e0119c66 .av-masonry-container .av-masonry-entry:first-child {
    display: none !important;
}

If you’re planning to add more Masonry elements in the future, go to Advanced > Developer Settings, add a Custom CSS Class name “av-masonry-no-empty-items”, then add this css code:

#top .av-masonry-no-empty-items .av-masonry-container .av-masonry-entry:first-child {
    display: none !important;
}

For the read more link, try to replace the previous script with this:

(function($){
    $(document).ready(function() {
        $('.av-masonry:not([class*="-gallery"]) .av-masonry-entry').each(function() {
            var more = $(this).find('.av-masonry-read-more');
            var cont = $(this).find('.av-masonry-entry-content');

            if (more.length == 1) return;
            cont.append('<div class="av-masonry-read-more">Lees meer ></div>');
        });

        $(window).trigger('resize av-height-change');
    });
})(jQuery);

Best regards,
Ismael

Hey xela,

Thank you for the inquiry.

You may need to resave the theme options before purging the plugin cache. Also, make sure that only one compression or minification option is enabled, either in the theme options or in the compression options offered by the plugin. Enabling both may cause issues. We also recommend disabling the cache plugin while configuring the site.

Let us know the result.

Best regards,
Ismael

Hey zimbo,

Thank you for the inquiry.

This css should adjust the alignment of the social svg icons.

#top .social_bookmarks li.avia-svg-icon svg:first-child, #top .social_bookmarks li.avia-svg-icon img[is-svg-img=true] {
    height: 1em;
    width: auto;
    margin-top: 6px;
}

Then, add this css rule to change the color to blue.

.header_color .team-social a.avia-svg-icon svg:first-child, .header_color .meta-heading .avia-svg-icon svg:first-child, .header_color .social_bookmarks .avia-svg-icon a svg:first-child {
    stroke: #2f3191;
    fill: #2f3191;
}

Best regards,
Ismael

Hi,

Great! Glad to know this has been resolved. Please let us know if you have more questions.

Have a nice day.

Best regards,
Ismael

Hey Caorda,

Thank you for the inquiry.

We couldn’t reproduce the issue on our end. Could you please create a test page and provide the page URL in the private field? Make sure that the Appearance > Theme File Editor is enabled and accessible.

Best regards,
Ismael

Hi,

Thank you for the info.

We disabled the script and added this code in the Quick CSS field to hide the empty masonry item without an image.

#top .av-memr40p2-4e918060ab6ff669ef638e6ba94ae4db .av-masonry-container .av-masonry-entry:first-child {
    display: none !important;
}

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like you’ve already found the border options. If not, please edit the color section element, then go to Layout > Borders panel. Let us know if you need more info.

Best regards,
Ismael

Hey rixi,

Thank you for the inquir.

There are two sliders on the page and both contain only one image or slide. There is no slider with multiple items. Please edit the page, review the sliders and confirm if there are multiple slides there.

Best regards,
Ismael