Forum Replies Created
-
AuthorPosts
-
Hi,
Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey daves1997,
Thanks for your patience when I test your page on pagespeed for mobile the CLS is zero, but the desktop is 0.209 and these are the elements causing the issue:
so to correct you could add css to make the size of the elements the same on page load as when it is done loading.
The css I would recommend is this:@media only screen and (min-width: 1350px) { #top.home #after_section_1 .flex_column.avia-builder-el-4 { min-height: 504px; height: 504px; } #top.home #after_section_1 .flex_column.avia-builder-el-6 { min-height: 596px; height: 596px; } #top.home #after_section_1 .flex_column.avia-builder-el-8 { min-height: 320px; height: 320px; } #top.home #after_section_1 .flex_column.avia-builder-el-10 { min-height: 388px; height: 388px; } #top.home #after_section_1 .flex_column.avia-builder-el-12 { min-height: 342px; height: 342px; } #top.home #after_section_1 { min-height: 5316px; height: 5316px; } #top.home #av_section_1 { min-height: 524px; height: 524px; } #top.home #av_section_1 .av-special-heading.avia-builder-el-1{ min-height: 120px; height: 120px; } }
It is important that your WP Rocket plugin doesn’t delay this css, so please add it to your WordPress ▸ Customize ▸ Additional CSS
Best regards,
MikeAugust 5, 2023 at 11:34 pm in reply to: Icon/Flipbox – Make Image Fill entire FlipBox Space (Headshot) #1415628Hi,
Thanks for the link to your site, I believe setting the height to a specific size like 50vh is not a good approach for all screen sizes, so I disabled your css, it is still there if you want to go back to it, I just commented it out.
I recommend making the height and width equal sizes since your images are practically square, and change the default background size from cover to contain
So I added this css to make your images show full size and not be cropped:#av_section_3 .avia-icon-grid-container .avia-icongrid-flipbox .avia-icongrid-wrapper .avia-icongrid-front.bg-img:before { background-size: contain; }
Then I added this code to the end of your child theme functions.php file in Appearance ▸ Editor to the height and width equal sizes:
function custom_icongrid_script() { ?> <script> (function($) { var cw = $('#av_section_3 .avia-icongrid-front').width(); $('#av_section_3 .article-icon-entry').css({'height':cw+'px'}); }(jQuery)); </script> <?php } add_action('wp_footer', 'custom_icongrid_script');
Now at different screen sizes the flip box is square and your images naturally fit as you would expect.
Please note that if you test on a desktop emulating different screen sizes, each time that you change the size you will need to reload the page for the javascript to work, this will cause no issues on real devices because the never change their page loadin size from mobile to tablet suddenly like you are in testing with a desktop browser.
Please clear your browser cache and check.Best regards,
MikeHi,
Glad Günter was able to correct this, and thank you for reporting this, since this has been resolved shall we close this thread then?Best regards,
MikeHi,
Thank you for the link to your site, the mail icon is not showing because you have not added it to your Enfold Theme Options ▸ Social Profiles ▸ Your social profiles
I have added this for you but you should change the email address to the one you want to use.
To have the social icons in the footer show the background colors all of the time I added this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field#top #wrap_all .av-share-box .av-social-link-mail a{color:#fff; background-color:#9fae37; } #top #wrap_all .av-share-box .av-social-link-twitter a{color:#fff; background-color:#46d4fe; } #top #wrap_all .av-share-box .av-social-link-linkedin a{color:#fff; background-color:#419cca; } #top #wrap_all .av-share-box .av-social-link-instagram a{color:#fff; background-color:#a67658; }
please clear your browser cache and check.Best regards,
MikeAugust 5, 2023 at 9:41 pm in reply to: Open an Element in a PopUp/LightBox upon click of a Button #1415623Hey Eleina,
Thank you for the link to your site, to center the popup I removed the 1/5 empty columns on each side of your popup columns:
then I added this css to your WordPress ▸ Customize ▸ Additional CSS:.mfp-content #yolanda.flex_column, .mfp-content #keaver.flex_column, .mfp-content #kenita.flex_column { float: none; margin: auto; }
To stop the page from scrolling with the popup shows I adjusted your script to add the class no-scroll to the popup.
Please clear your browser cache and check.Best regards,
MikeHi,
I see that you are using a child theme, but we are unable to view the files, but when we activate the parent theme the site loads correctly so the issue seems to be in the child theme.
If you have a custom footer.php or header.php then perhaps these do not match the current footer.php & header.php, this will cause errors in your theme. We do not recommend adding these files to your child theme, it is the most common reason for errors when updating. Please remove these files and any customizations you wish to make should be done in your child theme functions.php
If you have other customized files in your child theme then perhaps this is the issue, or perhaps the customization in your child theme functions.php is the issue.
Try removing all of your customization from the child theme so the site loads correctly as when the parent theme is enabled. Then add your customizations back to the child theme a little at a time and check your site until you find what is causing the error.Best regards,
MikeHey Gianluca,
Thank you for the link to your site, I see you have an error Uncaught SyntaxError: Unexpected token ‘var’
Please disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression
and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files
and if you are using a cache plugin please disable it and if your webhost is caching please clear it.
Then clear your browser cache and check again.
If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.Best regards,
MikeHey enfold,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #header #av-burger-menu-ul .av-active-burger-items > a > span.avia-menu-text { font-family: 'Arapey',serif !important; text-transform: uppercase !important; font-size: 18px; font-weight: 900; color: #0251CC; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
So does this mean that your posts are created with the ALB and the excerpts are manually added?Best regards,
MikeAugust 5, 2023 at 11:13 am in reply to: The new Swiss Federal Act on Data Protection (FADP) #1415501Hey charl,
I’m not sure that we are aware of the Swiss Federal Act on Data Protection, at least I have seen nothing about this. Please create a feature request for this feature for the Dev Team in our new Github Feature Request for users to place requests and follow them as the Dev Team reviews them.
Please include any links that you have for the Swiss Federal Act on Data Protection requirements and point out the changes that you would like to see in the theme. Thank you.Best regards,
MikeAugust 5, 2023 at 10:52 am in reply to: sorry content area not found error for popups in Elementor #1415500Hey sky19er,
Thank you for your patience, I see you have a couple of threads about Elementor, but unfortunately Enfold is not designed to work with Elementor.
Enfold has it’s own built-in builder and most builder plugins clash with Enfold.
The Enfold builder, Advanced Layout Builder, can not be removed or disabled so that a builder plugin can be used in it’s place.
Unfortunately we are limited to providing support for third-party plugin.
If you would like to request that the Dev Team build in support for Elementor, the Dev Team has opened a new Github Feature Request for users to place requests and follow them as the Dev Team reviews them.
I recommend creating one feature request GitHub thread and include all of the issues with Elementor they can be reviewed at the same time.
Thank you for your understanding.Best regards,
MikeHey sky19er,
Thank you for your patience but unfortunately Enfold is not designed to work with Elementor.
Enfold has it’s own built-in builder and most builder plugins clash with Enfold.
The Enfold builder, Advanced Layout Builder, can not be removed or disabled so that a builder plugin can be used in it’s place.
Unfortunately we are limited to providing support for third-party plugin.
If you would like to request that the Dev Team build in support for Elementor, the Dev Team has opened a new Github Feature Request for users to place requests and follow them as the Dev Team reviews them.
Thank you for your understanding.Best regards,
MikeAugust 5, 2023 at 12:15 am in reply to: Top menu secondary small one font will not change color. #1415477Hey extraeyes,
It looks like you have this custom css forcing white text:#header_meta .menu li a { color: #fff !important; }
please search for it and remove the !important then it should work correctly.
If there is something else that won’t be white without the !important then tell us and we can advice the correct css for you.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Unless there is anything else we can assist with on this issue, shall we close this thread then?Best regards,
MikeHi,
Yes this works for classic editor posts:
But not for ALB posts that have a manual excerpt:
This function works for both classic editor posts with automatic excerpts and ALB posts with manually add excerpts:add_filter('avf_post_slider_entry_excerpt', 'avf_post_slider_entry_excerpt_mod', 10, 4); function avf_post_slider_entry_excerpt_mod($excp, $prep, $perm, $entry) { $excp = substr($excp, 0, 100); return $excp; }
Best regards,
MikeAugust 4, 2023 at 11:17 pm in reply to: Wp Rocket broke my hamburger menu, tags and accordion #1415473Hi,
I added these two classes and it seems to work now.menu .av-main-nav
Please clear your browser cache and check.
Best regards,
MikeHi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Actually your fontello font is only loaded when you are logged in, so it looks like your WP Rocket either is blocking the font or it is not in it’s cache.
Check your WP Rocket settings to ensure the font will load for everyone or clear it’s cache, it this doesn’t help then disable WP Rocket and check that the font is loading for logged out users.Best regards,
MikeHi,
This is due to your mail spam protection, something like SpamAssassin or whatever your webhost is using, or perhaps even your Outlook program, I’m not sure which one is marking it as spam. You should be able to add it to your white list or mark it as not spam in your Outlook program.Best regards,
MikeHi,
All sub-menus are set to a minimum width of 208px, they are not based on the parent menu item width.
In your German language the words are longer so the parent menu items are a different length.
To change the background color of the active sub-menu try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #wrap_all #header #avia-menu.av-main-nav>li.current-menu-item>ul a { background-color: #fb8702; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
It doesn’t look like you have this script active on your site right now. I my previous tests in other threads this removes the video before it is loaded as long as the javascript runs early in the page load. It removes the parent div so there is no call for the video and in the other threads it passed a PageSpeed mobile test.
Since it’s not active on your site I’m not sure if your WP Rocket caused it to run after the DOM was loaded or if something else was occuring.
But to answer your question, there is no other way to do this, the only way to determine the screen size of the device loading the page is with javascript, server side PHP can not determine the size of the device loading the page.Best regards,
MikeHi,
Do you mean that this fixed the issue?
Shall we close this thread then?Best regards,
MikeHi,
In the plugin you have chosen to use PHP Mail, you need to choose Other SMTP
and then enter your SMTP login and password.
The 365 Outlook option is a Pro feature, I have not used 365 Outlook before but I assume that it has a SMTP user name and password, you will need to find it in your Outlook options and find it. Or use your webhost SMTP login and password which may be a better option.
The goal is to have your email sent though your domain via SMTP.
Anyone can send email though PHP mail on any WordPress site and have the address say it’s yours, but since it’s not sent via SMTP it’s seen as spam or fake. Do you understand what I mean?Best regards,
Mike -
AuthorPosts