Forum Replies Created
-
AuthorPosts
-
February 24, 2025 at 5:30 am in reply to: Flexible Masonry no or too large white border above and below images #1477735
Hey Herb,
Thank you for the inquiry.
Would you mind providing a screenshot of the issue and a link to the page with the masonry element? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelHi,
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,
IsmaelFebruary 24, 2025 at 5:10 am in reply to: how to make the header logo image responsive and fit to browser width? #1477733Hi,
We set the image as the background in the Enfold > General Styling > Logo Area panel and adjusted the header height in Header > Header Layout > Header Size to a custom pixel value. We then added this css code to adjust the background image height and hide the default logo.
.header_color .header_bg { background: var(--enfold-header-color-background-image); background-size: auto 240px; } .logo img, .logo svg { display: none !important; }
Screenshot:
Best regards,
IsmaelHi,
No problem! Let us know if you have more questions.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the info.
We adjusted the advanced styling of the Main Menu Links for the active state. Please make sure to purge the cache before checking the page.
Best regards,
IsmaelHi,
No problem! Let us know if you have more questions.
Have a nice day.
Best regards,
IsmaelHi,
Please continue here: https://kriesi.at/support/topic/changes-are-not-possible-anymore/#post-1477534
Best regards,
IsmaelHey 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,
IsmaelHi,
The site is likely using a third-party plugin for the filters in the sidebar because its markup differs from the default WooCommerce filters. As mentioned above, the default shop filters will only display in the base shop or default product templates such as product categories. If you need a more advanced implementation of the filters, you’ll need to look for a plugin or contact a freelance developer.
Thank you for your understanding.
Best regards,
IsmaelHey 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,
IsmaelHi,
Would you mind opening another thread and providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelHi,
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,
IsmaelHi,
Thank you for the screenshot.
The theme doesn’t have that option (Add Contact Form) by default, so it’s probably added by a plugin. Please check the plugins directory and look for contact form plugins such as Contact Form 7 or Gravity Forms. If you can provide the login details and site URL in the private field, we’ll try to check.
The plugin might already have an option to add a “sent message”. For additional assistance, please contact the plugin authors.
Best regards,
IsmaelHi,
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,
IsmaelHi,
Have you tried using the Fullscreen Slider? Add a Video Slide, define the video URL, then go to the Styling > Video Settings panel and set the Video Display to the second option (Stretch the video…). This should remove the black bars around the video. You will still need to define a preview image in the Content > Fallback Image panel.
Best regards,
IsmaelHi,
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,
IsmaelHey cktanju,
Thank you for the inquiry.
Did you add this css code?
.logo img.alternate { position: absolute; z-index: 1; top: 0; left: 0; opacity: 0; }
You can override it with:
.av_header_transparency .logo img.alternate { top: 30px; }
This should adjust the position of the logo.
Best regards,
IsmaelHi,
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,
IsmaelFebruary 21, 2025 at 4:29 am in reply to: Add Spacing and Panels/Text Boxes in Classic Editor #1477524Hi,
Thank you for the update.
1.) The CET is only available for the Advanced Layout Builder.
2.) Yes, you can edit the content and all options as long as they are not locked. Only locked options or content fields are not editable.
Best regards,
IsmaelHi,
Great! Let us know if you have more questions.
Have a nice day.
Best regards,
IsmaelHi
that forces the default event template
This is the default template from the theme, not the default template of the plugin. Did you try it?
Best regards,
IsmaelHey wolfgangspelitz,
Thank you for the inquiry.
You have four options, create a custom shortcode, use the Custom Element Template (CET), create Custom Layouts or create your own Advance Layout Builder elements (ALB). The downside with using the CET is that you can only create a template for a single element and the Custom Layouts cannot be inserted into drop zones such as Columns or Sections. If you need to combine multiple elements or shortcodes, you’ll have to create a custom shortcode or create your own ALB elements.
To learn more about CET and Custom Layouts, please check the links below:
— https://kriesi.at/documentation/enfold/custom-element-templates/
— https://kriesi.at/documentation/enfold/custom-layout-and-dynamic-content/For custom shortcodes, this should help: https://codex.wordpress.org/Shortcode_API
And to register another ALB element or override an existing one, please refer to this documentation: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb
If you need help with customizations, you can contact our partner, Codeable: https://kriesi.at/contact/customization
Best regards,
IsmaelHi,
The code above will disable the theme’s modifications, including the function that forces the default event template, which is located in the themes/enfold/config-events-calendar/views folder.
Best regards,
IsmaelHi,
Thank you for the update.
Where did you get the form or the code for it? You may need to contact the plugin or script authors for this modification.
Best regards,
IsmaelHi,
You can completely disable the theme’s modifications to the event templates by adding this code in the functions.php file:
add_theme_support( 'deactivate_tribe_events_calendar' );
You might need to make a few modifications to make sure the event displays properly.
Best regards,
IsmaelHi,
Thank you for the info.
The builder seems to be working as expected. Is this happening on a specific page? Please provide a short video clip of the issue and a direct link to the page.
Have you tried testing it using a different device or browser?
Best regards,
IsmaelHi,
Thank you for the info.
Did you create a test page for the layout above? We tried logging in, but the credentials provided are invalid. Please check the info carefully or provide another admin account.
Best regards,
IsmaelHey ausgesonnen,
Thank you for the inquiry.
You can add this code in the functions.php file:
function av_add_typekit_stylesheet() { echo ' <link rel="stylesheet" href="https://use.typekit.net/dib7xer.css">'; } add_action('wp_head', 'av_add_typekit_stylesheet');
Then add the css code in the Enfold > General Styling > Quick CSS field if you want to apply it as the default body font:
body, body p { font-family: "arpona", serif; font-weight: 500; font-style: normal; }
Best regards,
IsmaelHi,
Thank you for the update.
If you’re using the Product Grid element, make sure to set Content > Filter > WooCommerce Sorting Options to the first option. It turns out that you can also enable the WooCommerce Sidebar Filters, but the filters will only display on the base shop page.
Best regards,
IsmaelFebruary 20, 2025 at 5:45 am in reply to: Add Spacing and Panels/Text Boxes in Classic Editor #1477439Hi,
Thank you for the update.
You can save the Text Block as a Custom Element Template (CET) to reuse it on different pages. Please check this documentation for more info: https://kriesi.at/documentation/enfold/custom-element-templates/
Best regards,
Ismael -
AuthorPosts