Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you for the inquiry.
The smaller version of the image should automatically display on mobile view because WordPress automatically sets the srcset attribute. This seems to be the case when we check the site using mobile emulation. It shows the smaller version (480×268px). Please refer to the screenshot in the private field.
Best regards,
IsmaelHey emilconsor,
Thank you for the inquiry.
Please create a site backup, then update the theme to version 6.0. After the update, try enabling all elements, update the page, and then revert to the previous option. Let us know if this resolves the issue.
Best regards,
IsmaelHey klick-design-rbh,
Thank you for the inquiry.
When applying the css code above, did you assign the ID attribute “two-col” to the Color Section containing the columns? Please edit the color section and set the ID “two-col” in the Advanced > Developer Settings > Custom ID Attribute field.
Best regards,
IsmaelHey klick-design-rbh,
Thank you for the inquiry.
The closest option would be the bottom Curve Asymmetrical divider. Enable the “Flip” and “Invert” options, then set the divider height to around 200px.
Another option is to add another color section below the first section, apply the curved image with a transparent background as the color section’s background, then use css to pull the color section upwards until it covers the first section.
Best regards,
IsmaelHey woogie07,
Thank you for the inquiry.
The sent message is visible when we checked. Please check the screenshot in the private field. Would you mind providing a screenshot? 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,
IsmaelHey Jonathon Parris,
Thank you for the inquiry.
You can try the following code in the functions.php file. It should work for both the actual URL and the image element.
function av_auto_set_featured_image($post_id) { if (wp_is_post_autosave($post_id) || wp_is_post_revision($post_id)) { return; } if (has_post_thumbnail($post_id)) { return; } $post = get_post($post_id); $content = $post->post_content; $image_url = ''; if (preg_match('/<img.*?src=["\'](https?:\/\/.*?\.(jpg|jpeg|png|gif))["\']/', $content, $matches) || preg_match('/(https?:\/\/.*?\.(jpg|jpeg|png|gif))/', $content, $matches)) { $image_url = $matches[1]; } if ($image_url) { $attachment_id = insert_attachment_from_url($image_url, $post_id); if ($attachment_id) { set_post_thumbnail($post_id, $attachment_id); } } } add_action('save_post', 'auto_set_featured_image'); function av_insert_attachment_from_url($url, $post_id) { $temp_file = download_url($url); if (is_wp_error($temp_file)) { return false; } $file = array( 'name' => basename($url), 'type' => mime_content_type($temp_file), 'tmp_name' => $temp_file, 'error' => 0, 'size' => filesize($temp_file), ); $sideload = wp_handle_sideload($file, array('test_form' => false)); if (!empty($sideload['error'])) { @unlink($temp_file); return false; } $attachment = array( 'post_mime_type' => $sideload['type'], 'post_title' => sanitize_file_name($file['name']), 'post_content' => '', 'post_status' => 'inherit', ); $attachment_id = wp_insert_attachment($attachment, $sideload['file'], $post_id); require_once(ABSPATH . 'wp-admin/includes/image.php'); $attach_data = wp_generate_attachment_metadata($attachment_id, $sideload['file']); wp_update_attachment_metadata($attachment_id, $attach_data); return $attachment_id; }Best regards,
IsmaelHi,
Thank you for the info.
Could you please provide the complete error message? Since it’s occurring only in your local installation, it’s possible that the issue is related to your operating system, the local server setup, or how your machine is configured.
Best regards,
IsmaelHi,
Thank you for the update.
video player to be full width on mobile?
There is no default option for this, but you can try placing the video inside a color section and setting its container to full width.
For more info, please refer to: https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width
However, we recommend using a fallback image or replacing it with the Layer Slider element.
Best regards,
IsmaelHey envisageiam,
Thank you for the inquiry.
It’s not possible to display the background video on mobile view when using the Fullwidth Slider, so you must add a fallback image. If you need to display the video, consider using the Layer Slider element and setting the video as the slide background, or use the Video element instead of the slider.
Best regards,
IsmaelHi,
Thank you for the info.
The configured styles in the Enfold > Advanced Styling panel override the default styles of the title elements. Did you make those configurations yourself?
The Gothic font appears to be rendering correctly, but not the other one. Where did you get the Saigonese font, and what format is it in?
Please review the required file structure for the fonts in the documentation below:
// https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts > File Structure
Best regards,
IsmaelHi,
Great! Glad to know that this has been resolved. Please feel free to open another thread if you have more questions about the theme.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the update.
We temporarily disabled the cache plugin, then modified the script in the functions.php file to make sure that the position of the masonry items adjusts correctly when the tabs are clicked. Please make sure to hard refresh the page before checking.
This is the updated code:
function ava_custom_script() { ?> <script> (function ($) { $(document).ready(function () { $('.tab').on('click', function (event) { event.stopImmediatePropagation(); setTimeout(function () { console.log('resize'); $('.av-masonry').avia_masonry('applyMasonry'); $(window).trigger("debouncedresize"); }, 500); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script', 9999);Best regards,
IsmaelHi,
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelHi,
Thank you for the info.
We can’t reproduce the same issue on our local installation. This might be something unique to your local setup. Have you tried using a different local server?
Best regards,
IsmaelHi,
Thank you for the inquiry.
Have you tried adjusting the font sizes of the captions in the Styling > Font Sizes panel for each slide? It’s possible to set the font size for different screen sizes.
Best regards,
IsmaelHey Micheal,
Thank you for the inquiry.
Did you install a lazy load plugin? This might be related to your previous inquiry, which we replied to. Please check our suggestion in the thread below:
// https://kriesi.at/support/topic/iframes-not-working/
Best regards,
IsmaelHey Micheal,
Thank you for the inquiry.
Where did you get the embed code? We’ve found this error in the console, which might be the reason why the iframe or script is not rendering correctly:
Uncaught SyntaxError: Unexpected token 'var'Please temporarily disable the SiteGround Optimizer plugin and make sure that the Enfold > Performance > File Compression settings are turned off. Let us know the result.
Best regards,
IsmaelHey jkos,
Thank you for the inquiry.
Did you enable the Lightbox Modal Window option in the Enfold > Theme Options panel? Please check the option or post the login details in the private field so that we can check the issue further.
Best regards,
IsmaelHey mateodc,
Thank you for the inquiry.
The site is not loading on our end. What is the current version of the theme? You may need to do the update to version 6.0 manually via S/FTP. Please check the documentation below for more info:
// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
// https://kriesi.at/archives/the-complete-guide-to-updating-enfoldBest regards,
IsmaelHi,
Thank you for the screenshot.
The fonts are not selected as either body or heading fonts; Open Sans is set for both. Please select the desired fonts in the Enfold > General Styling > Fonts tab. You’ll find the custom fonts at the very bottom of the list.
Where did you add the CSS code? We can’t find it in the Quick CSS field.
Best regards,
IsmaelHey Diana,
Thank you for the inquiry.
You will also need to reduce the margin above the #main container to position it beneath the header.
.responsive #top #main { margin-top: 0 !important; }Best regards,
IsmaelHi,
Thank you for the update.
no cookies show after looking into this I am still not sure why?
Did you select the domains listed in the tab? This is what we see after accepting the cookies. (see private field)
Best regards,
IsmaelJuly 2, 2024 at 5:26 am in reply to: Remove bottom space from colum and place text right to image / how to reduce spa #1460873Hi,
Thank you for the update.
The screenshots on ibb and imgbb are not displaying on our end for some reason. Would you mind providing a screenshot using platforms like Savvyify, Imgur or Dropbox?
Using flex box might help in this case. Please check the link below for more info:
// https://www.w3schools.com/css/css3_flexbox.asp
Best regards,
IsmaelHi,
Thank you for the update.
If there is another way to target individual items let me know that as well.
The theme automatically adds unique IDs (e.g., av-lxxntb3b-96793073ee8d9b43abc1bef7251d9ab3) to the elements, which can be used to adjust their styles or run scripts. Besides this, you can also add custom CSS class names or IDs to the elements by editing them and applying the values in the Advanced > Developer Settings toggle. Look for the Custom CSS Class Name or Custom ID Attribute fields. For more info, please check the links below:
// https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support
Here’s how to inspect the elements:
// https://kriesi.at/documentation/enfold/add-custom-css/#how-to-inspect-an-element-on-the-page
Best regards,
IsmaelHi,
Thank you for the inquiry.
We’ve found a few script errors on the page, which might be why the mobile view isn’t working. The scripts are currently compressed, so we can’t precisely identify where the error is generated. Please try toggling or temporarily disabling the Enfold > Performance > File Compression settings, then purge the cache. Let us know if the issue persists.
Best regards,
IsmaelHi,
Did you add another css media query for mobile view?
@media only screen and (max-width: 768px) { /* Add your Mobile Styles here */ }Simply include the css rules that you want to be applied on mobile view within an existing css media query. You don’t need to add another one.
Best regards,
IsmaelHi,
Thank you for the inquiry.
How did you create the animation? You may need to set the opacity of the elements with the class name “scroll-reveal” to zero to make them invisible on initial load. Once the elements are scrolled into view, the script above should add the “active” class name to the element, which can be used to reset the opacity back to 1, making the elements visible. However, please note that the script above might not be able to control when the animation starts
.scroll-reveal { opacity: 0; } .scroll-reveal.active { opacity: 1; }Best regards,
IsmaelHey TheAlliance,
Thank you for the inquiry.
We can’t seem to reproduce the issue on our end. The document scrolls straight to the contact form or the anchor target when we click the mobile menu link. Have you tried testing it in a different browser?
Best regards,
IsmaelHi,
Thank you for the update.
You can only select one type of effect or transition when using the Full Screen Slider element, and it’s not possible to include more than one image per slide. If you need a more complex slider, you’ll have to use the Layer Slider element as suggested above.
Best regards,
IsmaelJuly 1, 2024 at 5:48 am in reply to: Portfolio and Posts Reverse Navigation, Same Category, and Looped #1460722 -
AuthorPosts
