Hi,

Thank you for the update.

If you want to limit the width of the grid layout, go to the Advanced > Developer Settings panel, apply the value “av-grid-constrain-width” in the Custom CSS Class field, and then add this css code:

#top .av-grid-constrain-width {
    max-width: 70%;
    margin: 0 auto;
}

Adjust the max-width value as needed.

Best regards,
Ismael

Hey peter559,

Thank you for the inquiry.

Please provide the link to the blog page so we can check the blog layout. If you’re using the default layout, you can use this css code to replace the icon or image with a custom background image:

.template-blog .blog-meta .post-author-format-type {
    background: url("bg-image-url.jpg");
}

.template-blog .blog-meta .post-author-format-type img {
    display: none;
}

Let us know the result.

Best regards,
Ismael

Hi,

would it be possible to apply this only to the content slider on the home page?

Yes, this is possible. Please edit the Content Slider element, go to Advanced > Developer Settings, and enter “av-content-slider-nav-bottom” in the Custom CSS Class field. Then, replace the css code with:

#top .av-content-slider-nav-bottom .avia-smallarrow-slider-heading {
    position: absolute;
    bottom: -50px;
}

— https://kriesi.at/documentation/enfold/add-custom-css

Best regards,
Ismael

Hey dondela,

Thank you for the inquiry.

You have to replace the anchor #content with #main or the ID of the section it should skip to when accessed. To apply the ID “content” to the first Color Section containing the content, go to Advanced > Developer Settings and enter the ID in the Custom ID field.

Best regards,
Ismael

Hi,

You can remove them from Enfold > Privacy & Cookies > Cookie Handling > Modal Window Custom Content. Look for the “Other External Services” entry, then remove that part from the Tab Content field.

< p >Google Map Settings:[av_privacy_google_maps]

View post on imgur.com

Let us know if you need more info.

Best regards,
Ismael

Hey Jak73,

Thank you for the inquiry.

You can add this css code to remove the space above the video:

.avia-video.av-m7hoi823-5fffa067e0538a32526d7bf7eec640c7 .mejs-container {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.avia-video.av-m7hoi823-5fffa067e0538a32526d7bf7eec640c7 video {
    background-color: transparent;
}

.avia-video.av-m7hoi823-5fffa067e0538a32526d7bf7eec640c7 {
    padding-bottom: 50%;
    background: transparent;
    border: 0 !important;
    margin-top: -20px;
}

Best regards,
Ismael

Hi,

Thank you for the info.

We get an error when we try to edit the functions.php file.

Something went wrong. Your change may not have been saved. Please try again. There is also a chance that you may need to manually fix and upload the file over FTP.

Please provide the FTP details in the private field.

If you want to proceed yourself, edit the code in the functions.php file and replace it with:

function inline_popup_enabler(){
?>
<script>
(function($){
    $(window).on('load', function() {
    	$('.inline_popup').magnificPopup({
    	  type:'inline',
    	  midClick: true 
    	});
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'inline_popup_enabler');

The equal_height_columns function in the same file is also causing an error. Try to replace it with:

function equal_height_columns() {
?>
<script>
(function () {
    const wrapper = document.querySelector(".equal-columns");
    if (!wrapper) return;
    
    const columns = wrapper.querySelectorAll(".av_one_full");
    let maxHeight = 0;
    
    function adjustHeight(el) {
        el.style.height = maxHeight + "px";
    }
    
    function findMaxHeight(el) {
        maxHeight = Math.max(maxHeight, el.clientHeight);
    }
    
    columns.forEach(findMaxHeight);
    columns.forEach(adjustHeight);
})();
</script>
<?php
}
add_action('wp_footer', 'equal_height_columns');

We’ll wait for the FTP details.

Best regards,
Ismael

Hi,

No problem! Let us know if you have more questions.

Have a nice day.

Best regards,
Ismael

Hi,

No problem! Let us know if you have more questions.

Have a nice day.

Best regards,
Ismael

Hey sam,

Thank you for the inquiry.

The initial setup and configuration are not included in the support because these can differ per site or client. However, we can assist you if you encounter any issues or have any questions. To get started with the theme, you can check the documentation below.

— https://kriesi.at/documentation/enfold/

Best regards,
Ismael

Hey rixi,

Thank you for the inquiry.

There is a script error when we try to edit the home page. We also noticed that the site is using an older version of the theme (6.0.5). Please download the latest version of the theme or update it in the Enfold > Theme Update panel. After the update, make sure to purge the cache before testing the builder again.

Let us know the result.

Best regards,
Ismael

Hi,

Yes, unfortunately, this is a browser limitation that we don’t have control over. It should work in other browsers. Again, you can look for another plugin if this design is essential. The plugin we recommended above is free, as far as we know, but it is only compatible with the default editor.

Best regards,
Ismael

Hi,

This is the error that we got after attempting to validate the API key.

js?v=3.56&callback=av_backend_maps_loaded&key=AIzxxxx_AE_2AWxxxxxxx2OjTe-e3BUxHRG5nDBc:164 Geocoding Service: You must enable Billing on the Google Cloud Project at https://console.cloud.google.com/project/_/billing/enable Learn more at https://developers.google.com/maps/gmp-get-started

It says that you have to enable billing for your Google Cloud project. For more info on how to properly generate an API key, please review this documentation.

— https://kriesi.at/documentation/enfold/google-map/#how-to-register-a-google-maps-api-key

Best regards,
Ismael

Hi,

Thank you for the update.

Good to know that you’ve figured out the issue with the contact form. Regarding the autoresponder, have you added any filters or code in the functions.php file? Something like this:

add_filter("avf_contact_form_autoresponder_mail", function($mail_array, $new_post, $form_params, $class) { 
     $mail_array["Subject"] = "Dear " . $new_post["1_1"] . " " . $new_post["2_1"] . "!";

     return $mail_array;
}, 10, 4);

Please enable the Appearance > Theme File Editor so that we can check the functions.php file.

Best regards,
Ismael

Hi,

We applied a unique class name (av-black-vertical-line) to the first column with the feather image, then added this css code to create the black line.

.av-black-vertical-line:before {
    content: '';
    width: 1px;
    height: 200px;
    position: absolute;
    background: #000000;
    top: -100px;
    left: 100px;
    display: block;
    z-index: 1000;
    visibility: visible;
}

We also added a separator/whitespace element to the first section to create a huge space at the bottom, then added this css to pull the columns upward.

.av-grid-with-black-border {
    position: relative;
    z-index: 100;
}

.av-grid-pull-black-border {
   margin-bottom: -324px;
}

Best regards,
Ismael