Forum Replies Created
-
AuthorPosts
-
December 20, 2023 at 2:57 am in reply to: Menu Dropdown Spacing & Not Able to Select Dropdown #1428545
Hi,
Thank you for the update.
If you could help me remove those green borders from the current menu items in the dropdown, that would be great.
To remove the bottom border, please look for the following css rule:
#top #header #avia-menu li.current-menu-item > a > .avia-menu-text { border-bottom: #7ac142 solid 10px; padding-bottom: 9px; }Replace it with:
#top #header #avia-menu > li.current-menu-item > a > .avia-menu-text { border-bottom: #7ac142 solid 10px; padding-bottom: 9px; }Best regards,
IsmaelHi,
Thank you for the update.
The issue occurs because the second column inherits the height of the first column, but the video doesn’t adjust accordingly because it has to retain its aspect ratio. Instead of applying the box shadow to the column, we could apply the style directly to the text block or the video inside it. Please disable the box shadow settings, then try adding this css code.
.av-7gxq-b49600b1340770d5ee80faa3053f02f6 .av_textblock_section { box-shadow: 0 0 30px 0 #000000; }Best regards,
IsmaelHey webacom,
Thank you for the inquiry.
We were able to reproduce the video issue, but we’re not yet sure what is causing it. Have you tried disabling the plugins temporarily? We also noticed that the site is still using an older version of PHP. Please update it to 8.0 or later versions.
Best regards,
IsmaelHey Anton,
Thank you for the inquiry.
Adding this css code should remove the space below the video.
.su-youtube.su-u-responsive-media-yes { margin-bottom: 0; }The double button on the official site is not available by default, but here is the markup in case you want to use it on your own site.
HTML:
<div class="avia-double-buttons "><a href="https://site.at/themes/enfold-overview/" class="avia-double-button avia-double-button-1">View Demos</a><span class="button_or">or</span><a href="https://1.site.market/" class="avia-double-button avia-double-button-2">Purchase Now</a></div>CSS:
#top .avia-double-button { letter-spacing: 1px; padding: 13px 20px; text-transform: uppercase; font-size: 13px; text-align: center; min-width: 175px; display: inline-block; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; border: 4px solid #fff; text-decoration: none; } #top div .main_color .avia-double-button { border-color: #e1e1e1; background: #fcfcfc; color: #222222; } #top #wrap_all .avia-slide-wrap .avia-double-button, #top #wrap_all .avia-hover-fx .avia-double-button { background: #000; background: rgba(0,0,0,0.2); border-color: #fff; color: #fff; padding-bottom: 11px; text-decoration: none; } #top .avia-double-button-2 { border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-left: none; } #top .avia-double-button-1 { border-top-left-radius: 100px; border-bottom-left-radius: 100px; border-right-width: 2px; } .avia-double-buttons { margin-top: 30px; text-align: center; position: relative; } #top .button_or { position: absolute; display: block; height: 26px; line-height: 21px; width: 26px; text-align: center; top: 50%; left: 50%; margin: -13px 0 0 -14px; background: #fff; color: #666; border-radius: 100px; font-size: 10px; border: 2px solid #FFF; font-style: italic; font-weight: 600; z-index: 11; }Best regards,
IsmaelHi,
The viewport settings only allow you to preview the slider on different screen sizes. Layer slider doesn’t apply separate settings for each screen width if that is what you’re expecting.
Best regards,
IsmaelHi,
Thank you for the screenshots.
We added an empty grid row at the very bottom of the page and managed to reproduce the issue. The problem occurs because the other grid row and the footer are rendered outside the main wrapper. Unfortunately, we are not yet sure what is causing it. What are you planning to add in the Grid Row container?
Best regards,
IsmaelHey cambium.digital,
Thank you for the inquiry.
Layer Slider should automatically calculate the size of the text or layers based on the viewport or screen size. For example, if you set the font size of a text layer to 23px on desktop, LS should automatically resize this text to around 8-11px on mobile view. If you really need to manually control the style of a specific layer on different screen sizes, you can apply a custom ID or class name to it in the Layer Settings > Attributes panel. You can then add your own css modifications in the Quick CSS field or in the child theme’s style.css file.
Best regards,
IsmaelHey whdsolutions,
Thank you for the inquiry.
You can add this css query to exclude specific elements when printing pages as documents. This helps customize the print layout and ensures a cleaner representation on paper.
@media print { /* All your print styles go here */ #top #main .sidebar { display: none; } }The css rule above should hide the sidebar, but you can define more elements to exclude or modify as needed.
Best regards,
IsmaelHi,
Thank you for the update.
To adjust the style of the burger menu items, please start with this css code.
.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a { color: #fff; height: auto; line-height: 1em; font-size: 0.8em; } .av-burger-overlay-bg { z-index: 3; opacity: 0.9; background: #000; display: block; position: fixed; }Best regards,
IsmaelHi,
Great! Let us know if you have more questions about the theme.
Have a nice day.
Best regards,
IsmaelHi,
Hm, but what is that space there? I there a way to make it a little bit smaller?
Yes, that should be possible. Please add this code in the Enfold > General Styling > Quick CSS field or add it in the child theme’s style.css file.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .av-lmuro99q-efb5a91e80c2f3c7de60c4602a959104 .article-icon-entry { margin-bottom: -50px; } }You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.
Best regards,
IsmaelHi,
Thank you for the update.
The issue occurs because the post css file is not being generated, which might be server-related. To work around this issue, you can add this code in the functions.php file.
/** * Filter to skip css file generation. * You can add logic to skip for certain pages/posts only. * * @since 4.8.6.1 * @param boolean $create * @return boolean true | false or anything else to skip generation of css file */ function custom_avf_post_css_create_file( $create ) { return false; } add_filter( 'avf_post_css_create_file', 'custom_avf_post_css_create_file', 10, 1 );This will disable the dynamic post css file and render element styles inline instead.
Best regards,
IsmaelHey Jackie,
Thank you for the inquiry.
The error occurs because the site contains a very old version of the theme, which is no longer compatible with later versions of PHP. You will have to manually update the theme to version 5.6.9 manually via FTP. Please check the link 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,
IsmaelDecember 19, 2023 at 1:33 am in reply to: Enfold Thinks Version 4.8.6.2 Is The Latest Version #1428459Hey Flashpaper,
Thank you for the inquiry.
The automatic update will no longer work in the current version installed in your site. You will need to download the latest version (5.6.9) from your Themeforest account, then upload it to your server manually via S/FTP. Please check the documentation below for more info.
// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
Best regards,
IsmaelHey GorillaBeats,
Thank you for the inquiry.
Are you looking for a checkbox or toggle in the Terms and Conditions and Privacy Policy section? This is not available by default, but you can adjust the Checkout privacy policy text in the WooCommerce > Settings > Account & Privacy > Privacy Policy panel.
Best regards,
IsmaelHi,
It is working correctly on our end. We edited the blog page and added the Blog Posts element in order to display the posts. You can add more content as you wish.
Best regards,
IsmaelHi,
Thank you for the info.
We tried to adjust the lightbox selectors and temporarily disable the compression settings but it didn’t help. What is the name of the script used by the plugin to initialize the lightbox? We can’t seem to find it in the document. Although, we did find a script called “thickbox”, which is also a lightbox or modal script, and it might be interfering or conflicting with the Meow plugin. Please contact the plugin author for additional assistance.
Best regards,
IsmaelHi,
Thank you for the update.
We checked the site and can confirm that the lightbox is not working. However, we didn’t find any errors upon inspecting, so we are not sure why or what’s missing. We may need to log in to the site in order to further check the issue. Please provide the login details in the private field.
Best regards,
IsmaelDecember 18, 2023 at 8:32 am in reply to: Subject: Issue with Enfold Version: 5.6.9 – Seeking Help! #1428376Hey car4rent,
Thank you for the inquiry.
What is the name of the other theme that you’re using? It’s possible that the difference in response time is due to the scripts, stylesheets, and other resources that are loaded by the theme. It’s true that it can be a little slower compared to default themes only because the Enfold theme contains more features and offers more options. To improve the loading speed, consider referring to the articles below.
// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
// https://gtmetrix.com/wordpress-optimization-guide.htmlBest regards,
IsmaelHi,
Thank you for the update.
We saved the content of the home page as a template and applied it to another page, but we are unable to reproduce the issue you described. Please check the link in the private field.
Would you mind 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,
Thank you for the update.
Are you trying to use the Advanced Layout Builder to modify the content of the Blog page? If so, you have to configure the Enfold > Blog Layout > Blog Layout settings to the last option (Use the Advanced Layout Builder…). Once done, you should be able to customize the content using the builder.
Best regards,
IsmaelHey Henk-Peter,
Thank you for the inquiry.
The site is built using the Enfold theme, but it was developed by someone else. If you require assistance with your site, we recommend checking out Codeable or posting your inquiries here in the forum. Please refer to the link below.
// https://kriesi.at/contact/customization
Best regards,
IsmaelHey!
UPDATE: The Transparency Logo Options are now located in the Enfold > Theme Options panel.
Regards,
IsmaelHi,
Thank you for the screenshot.
There is no Transparency Options tab in the Header panel by default. Which part of the site are you trying to adjust? If you need to enable header transparency, try to edit one of the pages and adjust the Header visibility and transparency settings.
Best regards,
IsmaelHi,
No problem! Glad @Mike was able to help you out. Please feel free to open another thread if you have more questions about the theme.
Have a nice day.
Best regards,
IsmaelHey SRF,
Thank you for the inquiry.
Please add this code in the functions.php file to disable the theme’s predefined thumbnail size for shop pages.
add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 ); function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) { return 'woocommerce_thumbnail'; }Best regards,
IsmaelHey bemodesign,
Thank you for the inquiry.
The Header visibility and transparency setting is still available when we edit one of the pages. Would you mind 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,
IsmaelHey web4698,
Thank you for the inquiry.
We tried to log in to the site but the security plugin (Sucuri) blocked our access. Could you temporarily disable the plugin so that we can access the site?
Best regards,
IsmaelHey kevinraposo7,
Thank you for the inquiry.
Would you mind 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,
IsmaelHey noreply54,
Thank you for the inquiry.
We’re not yet sure why the date information isn’t displaying on the first post, but we found a workaround by adding a dummy excerpt to the post. We also applied this css code to hide the excerpt container on the blog page.
.blog .slide-entry-excerpt.entry-content { display: none; }Best regards,
Ismael -
AuthorPosts
