Forum Replies Created
-
AuthorPosts
-
Hi,
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,
Try this css:@media only screen and (max-width: 767px) { #top #header_main .logo { width: 60px; max-width: 60px; } }
Best regards,
MikeHey northorie,
To change how may items are shown on each page go to WordPress ▸ Settings ▸ Reading ▸ Blog pages show at most and change the number:
To change the excerpt length, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:add_filter('avf_postgrid_excerpt_length','avia_change_postgrid_excerpt_length', 10, 1); function avia_change_postgrid_excerpt_length($length) { $length = 60; return $length; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Please note that this is for characters including spaces, and if your posts are using manual excerpts then this won’t work, you will need to adjust the manual excerpts instead.Best regards,
MikeHey PCLSIT,
Thank you for your patience, I see that you are using version 5.6.9 but we have added many accessibility updates since then so please update to 5.7.1 and check again.
There is one issue that I believe you are referring to:
Tabs that have already been clicked receive the attribute tabindex=-1. This means that once you have selected tabs, you cannot access them again using the Tab key, as these tabs are removed from the navigation tree. Tabindex=0 should be kept.
for this you will need to use enter to open tab content when tab has focus because of the defined key behavior we loose focus.
These latest updates were for European Accessibility Act (EAA), with
https://www.w3.org/WAI/ARIA/apg/patterns/tabs/examples/tabs-manual/
https://www.w3.org/WAI/ARIA/apg/patterns/tabs/
If after updating you find that this doesn’t help please open a Feature Request with the Dev Team, as this will allow you to follow and add updates as the Dev Team reviews.
Hopefully our recent changes will address what you are seeing.Best regards,
MikeHey supermanage,
Unfortunately most browsers will not auto play the video on mobile, this is a browser limitation, this is why a fallback image is used.
You can try using the LayerSlider to show your video with autoplay and “Play Muted” enabled, see the screenshots in this threadBest regards,
MikeHey Stefan,
Please link to your page so we can review. We may be able to hide it on all pages created the same way, with the plugin if you wish, or on one specific page.Best regards,
MikeHi,
When I check in portrait view the logo and link is not overlapping, the slider seems to behind the inner-container div that holds the logo & menu, so you need to bring the slider button to the top with z-index, as pointed out above, not the whole slider as then you won’t be able to click the menu button.
unfortunately tring to override the slider z-index is not working like this:#slider-88-slide-165-layer-1 { z-index: 999 !important; }
so you need to set this inside on the slider options.
I have not used the revolution sliderI’m not sure where this setting is, perhaps you do, or try checking the revolution slider documentation.Best regards,
MikeHi,
You can also export the theme setting file and give it to your customer, so them the customer has only two files to import, the .xml for the demo content and images, and the theme settings file at Enfold Theme Options ▸ Import/Export ▸ Import Theme SettingsBest regards,
MikeHey northorie,
Thank you for the link to your site, it looks like you are using the masonry element and I believe that your shortcode is for the Reading Time WP plugin. I tested this on my demo site and found that adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function add_reading_time_to_masonry_entry($content, $entry, $config) { $reading_time_html = "<div class='reading-time'>" . do_shortcode('[rt_reading_time post_id="' . $entry['ID'] . '" label="Reading Time:" postfix="minutes" postfix_singular="minute"]') . "</div>"; $content .= $reading_time_html; return $content; } add_filter('avf_masonry_entry_content', 'add_reading_time_to_masonry_entry', 10, 3);
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
and adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.av-inner-masonry .reading-time { opacity: 0; bottom: 0; position: absolute; right: 0; } .av-inner-masonry:hover .reading-time { opacity: 1; }
will add the reading time at the bottom right corner on hover only, like this:
Best regards,
MikeHey philipbrook,
Thank you for your patience, I’m not sure that your trouble is related to the JetPack plugin, right now it is disabled but when I explore your plugins “Ni Cost Of Goods” and “WooDojo”
I get the error and crash “There has been a critical error on this website.” I also see errors from your woocommerce-sales-by-country pluginTypeError: jQuery(...).datepicker is not a function
So it looks like your site is still experiencing some conflits not related to your JetPack plugin, unfortunately it becomes very tricky when multiple plugins cause issues with each other. Perhaps if you tried enabling WP_DEBUG it will offer some clues as to what is causing these conflicts.Best regards,
MikeHey nivotechwd,
Thank you for your patience, from your other posts I understand that you plan on creating custom demos to sell. I recommend creating your demo and then exporting it in: WordPress ▸ Tools ▸ Export ▸ All content this will give you a .xml file, and this is the file that you can give to your customers for them to import at WordPress ▸ Tools ▸ Import this will be the easiest for your customers.
The Enfold demo uses this function to import the buit-in demos. You can not override the register-demo-import.php in a child theme.
After you create the .xml file you should note that when your customer imports the demo with this file it will call the images from your original demo url, so unless you plan on leaving this online for your customers to review, I recommend copying the images in the same structure to a online storage and then open the .xml file with VScode and change the urls to your new location, either your server or github or whatever.
I hope this makes sense.Best regards,
MikeJune 9, 2024 at 1:37 pm in reply to: Updating PHP from 7.3 breaks WP with this Enfold on InMotion WHM #1448710Hi,
Thank you for your patience, but the login to your site doesn’t work.
I noticed that when I updated the PHP version from 7.4 to 8 that the same PHP Extensions were not enabled by default, perhaps this is what you are experiencing, try reviewing what PHP Extensions are enabled on your host compared with when you are using 7.3
These are what are enabled on my server for PHP v8.1 and it runs without errors.
Best regards,
MikeHey nicolealbaek,
Sometimes this is caused by the PHP ZipArchive Extension not enabled on the server, other times it is due to the WebHost has blocked our IP so the install can’t get the files (OVH) unfortunately OVH has told users they will not whitelist our IP.
If you are using OVH try installing the demo on a localhost and then use the Duplicator plugin to move to your webhost.
If the is not your case try following our documentation to manually install the demo, but please note that this still gets the files via the WordPress import xml file from our IP, so if your webhost has blocked our IP this won’t help.Best regards,
MikeHi,
Do you mean on all pages for mobile?@media only screen and (max-width: 480px) { #top #header_main .logo { width: 60px; max-width: 60px; } }
Best regards,
MikeHi,
Right now vertically your logo is 80px but this is the same as your menu so they are both is line with each other, if you change the height they will not be in line with each other.
Is this what you are asking?
Your slider height is 97px, but the header height is 80px, so I’m thinking that your slider should be adjusted to match your header instead of being larger.Best regards,
MikeHi,
To make the logo link smaller for mobile try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 480px) { #top.page-id-11754 #header_main .logo { width: 60px; max-width: 60px; } }
but it also looks like you will need to make the button in the slider come to the fore ground with z-index, try around 99
I have not used the revolution sliderI’m not sure where this setting is, perhaps you do, or try checking the revolution slider documentation.Best regards,
MikeHi,
Thank you for your patience, the URL to your video is not a direct link to the video, it is a link to a amazon hosted player, please try a direct link to the video and not the player
please look at the URL and you will see the word “player” and ends with “stream”
s3-eu-west-1.amazonaws.com/rokus-video-transcode/player/index.html?video= ... /stream
it should be a direct file URL that ends with “.mp4”
I’m not sure if amazonaws will give you a direct URL, try uploading the file to your WordPress media library.Best regards,
MikeJune 8, 2024 at 3:03 pm in reply to: Currently Using WordPress Hevor but would like to switch to Enfold #1448686Hey Jey,
Thanks for reaching out and glad to hear that you are using Enfold for one of your other sites and have some experience with it, this will make converting your new site over easier, but unfortunately you will need to recreate your pages with Enfold since Enfold can not automatically convert your pages.
I recommend creating a staging site of your new site so while you work on this your site will still be live.
Most cPanel webhosts have a staging site option, some in the dashboard:
Others add the option in the Softaculous WordPress Management
There may be other staging site options in different cPanel servers, these are the two that I have seen.
Then all of your posts will be available for Enfold, and you should only need to recreate your pages using Enfold elements, it looks like most of your pages are using the same layout with different images and text, so you could create one template and save as a template in the Advanced Layout Builder (ALB)
to reuse on each page, then change the images & text.Best regards,
MikeHi,
Thank you for the link to your site and pointing this out, I will let the Dev Team know, but for now try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia-pricing-table-container.avia_show_empty_cells .pricing-table li.empty-table-cell { display: block; }
While this will show the empty cells, your table columns will still not be the same height because the cells in the last column has more content than the first two.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function equal_height_pricing_table() { ?> <script> (function($) { $(function() { $('#preisliste .avia-pricing-table-container .pricing-table-wrap:nth-child(3) li').each(function(index){ $('#preisliste .avia-pricing-table-container .pricing-table-wrap:nth-child(2)').find('li').eq(index).css('height', $(this).css('height')); $('#preisliste .avia-pricing-table-container .pricing-table-wrap:nth-child(1)').find('li').eq(index).css('height', $(this).css('height')); }); }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'equal_height_pricing_table', 99 );
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Please note that this will only work on your table in the preisliste section so it will not interfere with any others on your site.Best regards,
MikeHi,
Thank you for the link to your site, in your Custom CSS & JS plugin you have the footer background color set to black with a !important;, so for the theme settings to work you will need to remove this css:
I don’t see two scroll bars when I check your site, when page do you see this on?Best regards,
MikeHi,
It sounds like you found a solution without using css, shall we close this thread then?Best regards,
MikeHi,
Thank you for the login, but unfortunately it doesn’t seem to work, please check.
When I check with Safari on a Mac in Responsive Design Mode to emulate a iPhone your menu items seem to work correctly, on the home page and on other pages linking back to the home page, the same as on Android.
I imagine this is because you are now using two menus as Yigit suggested and you are using just the anchor link ID like “#contact”, as Ismael suggested on one of your menus.
Try clearing your iPhone cache and also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
If you still have this issue please update the site login and I will ask the rest of the team to check with an iPhone, assuming that this is only an issue with the actual iPhone device.Best regards,
MikeHi,
I see that both 3658 & 3443 are post IDs, I thought that you wanted to use the category IDs so that you could set this for each category instead of creating an array of post IDs
So I changed it like this using the category slugs instead of the IDs so it will be easier to read:if(get_post_type( $post_id ) == "post" && has_category('veranstaltungen')) {
and
if(get_post_type( $post_id ) == "post" && has_category('buecher')) {
and this seems to be working correctly, please check.Best regards,
MikeHi,
You can’t redeclare ava_after_main_title_mod(), so you need to rename it like this:
the first one:add_action('ava_after_main_title', 'ava_after_main_title_one'); function ava_after_main_title_one() { $post_id = get_the_ID(); if(get_post_type( $post_id ) == "post" || is_archive('3658')) { echo 'xxxxcontentxxxxx'; } }
then the next one:
add_action('ava_after_main_title', 'ava_after_main_title_two'); function ava_after_main_title_two() { $post_id = get_the_ID(); if(get_post_type( $post_id ) == "post" || is_archive('3443')) { echo 'xxxxcontent-2xxxxx'; } }
Best regards,
MikeHi,
Thank you for the link to your site, but your specific links for specific settings are not working, but I believe that I understand.
If you are using WP Rocket to lazyload it, I recommend disabling WP Rocket lazyload as this is causing the stal in showing the slider.
When you try to exclude it you also need to exclude the javascript for the slider, you don’t need to to the WP Rocket lazyload option because it is already set at Enfold Theme Options ▸ Performance ▸ Responsive Images And Lazy Loading ▸ Lazy Loading
Also note that the File Compression is also handled by the theme, typically double compression this this can cause errors.
Note that using the WP Rocket exclude settings can be tricky try checking their documentation here.
Try disabling WP Rocket and see if you still have the issue.Best regards,
Mike -
AuthorPosts