Forum Replies Created
-
AuthorPosts
-
Hey beverlystone,
Thank you for the link to your site and the screenshot, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive .avia_responsive_table .avia-data-table tr:first-child th { display: block; } .responsive .avia_responsive_table .avia-data-table td:before { display: none; } }
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,
MikeFebruary 10, 2024 at 10:58 pm in reply to: So I need two menus and I need to choose which menu should be displayed on each #1433954Hi,
I’m not sure if WPML works with the Elementor elements, I assume that it does.
I don’t recommend using Elementor, Enfold has it’s own built-in builder and typically other builders can cause a conflict.
Unless there is anything else we can assist with on this issue, shall we close this thread then?Best regards,
MikeHi,
Thank you for the link to your site but the login gives this error:
Unknown email address. Check again or try your username.
Please check.When you say that the “comments are not being received” do you mean that you are not getting the email or they are not in the comment section of WordPress?
Enfold doesn’t customize the WordPress comment function, so if you are not getting the email alerting that you have a new comment it could be that it is going to your email spam folder, or some webhosts use Apache SpamAssassin which will sometimes delete the spam before it goes to your spam folder.Your site should be using the email address for your domain and you should be using a SMTP plugin to send emails, like WP Mail SMTP, because the built-in WordPress PHP mail can trigger a spam rating. You should also not use a free email box like Gmail.
Try setting this up and see if it helps, otherwise correct the login and install the plugin WP Mail Logging to help.Best regards,
MikeFebruary 10, 2024 at 10:30 pm in reply to: Link from last Table entry carrying over the next section #1433952Hi,
Thank you for your patience and the screenshot, please include an admin login in the Private Content area so we can investigate further.Best regards,
MikeHi,
Thanks Guenni007, the Layout Builder Templates are only text in the database and probably not the cause for the directory site.
Try going to your cPanel for your webhost and click on the Disk Usage
then scroll to the bottom were the directory tree is and expand it to show the directories and see which ones have the largest sizes:
then you and determine if there is anything that you can remove to free up space.
Also look at your trash directory it could be holding a lot of old stuff:
Best regards,
MikeHi,
Your screenshot show the “title: attribute, this is shown by the browser and is not a theme feature, to remove this try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function temporary_removal_title_tags(){ ?> <script> window.onload = function() { var links = document.querySelectorAll('a , img'); for (var i = 0; i < links.length; i++) { var link = links[i]; link.onmouseover = function() { this.setAttribute("org_title", this.title); this.title = ""; }; link.onmouseout = function() { this.title = this.getAttribute("org_title"); }; link.onclick = function() { this.title = this.getAttribute("org_title"); }; } }; </script> <?php } add_action('wp_footer', 'temporary_removal_title_tags');
Thanks to Guenni007 for this script.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.Best regards,
MikeHey ausgesonnen,
Mobile devices don’t have a mouse-over trigger, so this is not possible.Best regards,
MikeHey schwabino,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia-video { width: 31%; position: relative; overflow: hidden; } .avia-video video { object-fit: cover; }
this will affect all of the videos on your site, so if you only want it on a few add a custom class to the videos and then adjust the css to match.
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,
MikeFebruary 10, 2024 at 8:39 pm in reply to: Tables in mobile view don’t perform – (don’t give to Ismael) #1433944Hi,
Try also adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top.page-id-472 .avia-data-table.avia_pricing_minimal tr { padding-bottom: 20px; } }
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,
MikeFebruary 10, 2024 at 7:59 pm in reply to: match layerslider text container with Enfold max-width margin auto #1433942Hi,
Your welcome, 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,
In your screenshot, do you mean the orange play button that is embeded in the image and the player play button, or perhaps it is from the iPhone.
You say that you must click twice to play the video, I’m not seeing this on Android so I believe that the iPhone is treating the lightbox video as a auto playing video and blocking it.
IOS is the most aggressive when blocking auto playing videos, you may be able to mute the video and then it would play when the lightbox opens, but you would still need to click again to enable the sound.
You may need to not use the lightbox so IOS will allow the video to play on one click, unfortunately there is not a way to work around the mobile video blocks that the device forces.Best regards,
MikeFebruary 10, 2024 at 7:06 pm in reply to: match layerslider text container with Enfold max-width margin auto #1433934Hey sky19er,
Thank you for your patience, I have found that all LayerSlider elements have this css:
position: static !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
this prevents margin to be used in the way you wish, you will note they are using the !important;
I tried writing some javascript to try to override this but it was not working. I also tested using a HTML LayerSlider element but it also gets the above rules.
It seems like the LayerSlider is designed to place your content exactly were you want it and not use global width for the elements.
I tried searching Google and the LayerSlider support forum but didn’t find anything helpful.Best regards,
MikeFebruary 10, 2024 at 5:08 pm in reply to: Tables in mobile view don’t perform – (don’t give to Ismael) #1433922Hi,
Ok, please remove the last snippet and try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field instead:@media only screen and (max-width: 767px) { .responsive #top.page-id-472 .avia_responsive_table .avia-data-table tr:first-child th { display: block; } .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th { padding: 0; } }
Best regards,
MikeHi,
Strange indeed, I didn’t find any errors, but 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 Munford,
Thanks for the link to your page and the screenshots, please try doing it this way, in your video element add your self-hosted video link without ?iframe=true and a fallback image:
Then in the advanced tab, choose to show the video in a lightbox:
Then the video should open in a lightbox and play without a second click, this works for me on Android and I assume it will also work on IOS, but I don’t have an iPhone to test on. Please see my test page linked below in the Private Content area.
As for the little image showing when the lightbox shows, I don’t see this on your or my site, but I do see the media player loading on click while the lightbox is loading and before the video is loaded, this happens very quickly, and so when I tried to get a screenshot of it the small image did show:
but with my eye I only saw a small black box, so since this is the loading of the WordPress media player, Enfold uses the WordPress media player, I don’t think we can change this.
I hope this helps.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field for this one page:.page-id-214219 #header_main .container, .page-id-214219 .main_menu ul:first-child>li a, .page-id-214219 .main_menu ul:first-child>li { height: 40px; line-height: 40px; } .page-id-214219 li.dropdown_ul_available:not(#menu-item-5472)::after { content: "▼"; color: #210e23; position: absolute; top: -4px; left: -3px; font-weight: bold; }
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,
MikeFebruary 10, 2024 at 3:19 pm in reply to: Enfold embedded external page using div, text displayed over the lightbox image #1433912Hey pmontani,
When I check your page the external page is not showing because your site has this error:
ERR_BLOCKED_BY_RESPONSE.NotSameOrigin 403 (Forbidden)
This means that your site will not show the content because is Not the Same Origin or domain as the source site.
To correct this you need to ask the other site to change their Cross-Origin Resource Sharing (CORS) so their content will show on your site. Then you can adjust the script above to also hide the other elements:(function(loader){ loader .onMessage("open-gallery", function openGallery(){ // code on opening the gallery document.getElementById("header").style.display="none"; document.getElementById("footer").style.display="none"; document.getElementById("socket").style.display="none"; document.getElementById("av_section_1").style.display="none"; document.getElementsByClassName("flex_column.avia-builder-el-4").style.display="none"; }) .onMessage("close-gallery", function closeGallery(){ // code on closing the gallery document.getElementById("header").style.display=""; document.getElementById("footer").style.display=""; document.getElementById("socket").style.display=""; document.getElementById("av_section_1").style.display=""; document.getElementsByClassName("flex_column.avia-builder-el-4").style.display=""; }); }(window._embeddedContentLoader));
Best regards,
MikeHey northorie,
This seems to be a duplicate thread, I answered your other thread, please review.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 500px) { .responsive #top #wrap_all #main { padding-top: 81px !important; } }
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,
MikeFebruary 10, 2024 at 2:01 pm in reply to: How to add a button to Easy Slider that is consistent on all slides #1433907Hi,
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,
This is strange, I don’t know what could be causing this, but we are not able to reproduce it so it seems to point to something locally.
Your PHP warnings seem to be point to your wordpress-seo plugin, see the last line in what you posted above:
thrown in /public_html/wp-content/plugins/wordpress-seo/inc/options/class-wpseo-option-titles.php on line 313
But you say that disability the plugin doesn’t help and enabling the plugin on my site doesn’t cause the error.
The 403 (Forbidden) error on admin-ajax.php error that I saw was in the browser console log.
I’m not sure how we can help you with this since it seems to be a local issue, if not using the colon solves it for you, then perhaps that is the way to go?Best regards,
MikeFebruary 10, 2024 at 1:39 pm in reply to: Tables in mobile view don’t perform – (don’t give to Ismael) #1433905Hi,
The two question affect each other, so lets start with the second question.
Currently on mobile your table is like this:
To make it easier to read, how about this:
To achieve this try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top.page-id-472 .avia_responsive_table .avia-data-table tr:first-child th { display: inline; } .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th { display: inline; } .responsive #top.page-id-472 .avia-data-table.avia_pricing_minimal tr { padding-bottom: 20px; } }
Ensure to keep the other css above. This also solves the first question.
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 Ismael could 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 Andrea,
Special Characters in the table or title elements can be converted by WordPress into opening or closing brackets causing an error, please use our Special Character Translation plugin, please see our documentation: Using special charactersPlease also note that using the contact form is not appropriate for support questions, please log in to the support forum and open a new thread if you need further assistance.
If you are unable to login to the support forum because you don’t have a activate support contract, please try going to your Theme Forest account and renew your support and then log in to the support forum and open a new thread.Best regards,
MikeHi,
I have replied to your new thread, please check.Best regards,
MikeFebruary 9, 2024 at 5:56 pm in reply to: Tables in mobile view don’t perform – (don’t give to Ismael) #1433845Hey ausgesonnen,
Thank you for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top.page-id-472 .avia_responsive_table.avia-data-table-wrap .avia-data-table td:before { display: none; } .responsive #top.page-id-472 .main_color .avia_responsive_table.avia-data-table-wrap .avia-data-table.avia_pricing_minimal th { width: 48%; } .responsive #top.page-id-472 .avia_responsive_table .avia-data-table { border-style: none; } }
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.
Please see the screenshot in the Private Content area of the expected results.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,
MikeFebruary 9, 2024 at 5:25 pm in reply to: Header Layout: Logo left, Widgets right, menu below #1433842Hi,
Ok, while you consider what is best for your site, shall we close this thread for this CSS layout issue then? You are always welcome to open new threads for future questions.Best regards,
MikeFebruary 9, 2024 at 5:19 pm in reply to: Main content widget box opening behind color section #1433840Hi,
Glad Rikard could 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,
MikeFebruary 9, 2024 at 1:03 pm in reply to: Header Layout: Logo left, Widgets right, menu below #1433809Hi,
To make the header have the same width as your page content, add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.responsive #top #header #header_main { padding: 0 50px; margin: auto; max-width: 1310px; }
but this will also effect your menu, since it is in the same element, so you may wish to remove the menu background color with this css:
.responsive #top #header #header_main #header_main_alternate.container_wrap { background: #fff; border-top-style: none; }
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,
Mike -
AuthorPosts