Forum Replies Created
-
AuthorPosts
-
Hi,
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 #1460722Hi,
Sorry for the delay. Looks like it’s not possible to enable looping while the entries are reversed. You may need to disable looping or revert the sorting of the entries to the default.
Best regards,
IsmaelHi,
Last thing, on mobile view, how can I get space between the images? (see attached)
Please update the previous css code:
#top #bc-custom-section div .flex_column { width: 46% !important; margin-left: 3% !important; border-radius: 30px; }Best regards,
IsmaelHi,
Thank you for the update.
It is on “Fixed”, not Parallax.
This is similar to parallax where the image inherits the size of the document instead of the container, causing it to be larger. We recommend setting the background attachment back to “scroll” if you don’t want the image to be enlarged.
Best regards,
IsmaelHi,
No problem! Let us know if you have more questions.
Have a nice day.
Best regards,
IsmaelHi,
Thanks for the screenshot.
The css code above should have worked. Please try this again:
#top #bc-custom-section div .flex_column img { border-radius: 30px; }Best regards,
IsmaelHey bemodesign,
Thank you for the inquiry.
You can add this css code to adjust the height of the cell on mobile view and display its background image:
@media only screen and (max-width: 768px) { /* Add your Mobile Styles here */ #top #wrap_all .flex_cell.av-f5wo1-1367a8c1921d7a80e238c520d3239660 { min-height: 700px; } }Best regards,
IsmaelHey Eamonn Sheil,
Thank you for the inquiry.
The automatic update will no longer work in the installed version, so you’ll need to update the theme manually via S/FTP. Please make sure to create a site backup before proceeding, or clone the site to a different environment, update the theme there first, and fix any issues before migrating it to the live site. For more info about updating, please check the documentation below:
// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
// https://kriesi.at/archives/the-complete-guide-to-updating-enfoldBest regards,
Ismael -
AuthorPosts
