Forum Replies Created
-
AuthorPosts
-
June 16, 2024 at 7:35 pm in reply to: Equal height is not working for page with multiple tables and 1/2 – 1/2 columns #1451393
Hi,
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,
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,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #wrap_all .all_colors h3 .span-reading-time { font-size: 12px; }
and adjust the font size to suit.
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,
MikeJune 16, 2024 at 2:18 pm in reply to: Equal height is not working for page with multiple tables and 1/2 – 1/2 columns #1451377Hey dburton77,
Thank you for the link to your site, it looks like only some of your column rows are set as equal height:
CARDBOARD ▸ CLEAN PAPER
PET ▸ HDPE
and in these the equal height is working for the columns, but the tables in the columns are not controlled by this setting so that is what you see as not equal height.
For these adding this code to the end of your child theme functions.php file in Appearance ▸ Editor will help, for this one pagefunction custom_equal_height_tables_script() { ?> <script> document.addEventListener('DOMContentLoaded', function() { const rows = document.querySelectorAll('.page-id-4431 .av-equal-height-column-flextable'); rows.forEach(function(row) { const tables = row.querySelectorAll('.avia-table'); let maxHeight = 0; tables.forEach(function(table) { const tableHeight = table.offsetHeight; if (tableHeight > maxHeight) { maxHeight = tableHeight; } }); tables.forEach(function(table) { table.style.height = maxHeight + 'px'; }); }); }); </script> <?php } add_action( 'wp_footer', 'custom_equal_height_tables_script', 99 );
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Please check your other columns so they also get the class av-equal-height-column-flextable and add this script.Best regards,
MikeHey dburton77,
Thank you for the link to your site, for the max-width 767px the heading row is hidden and the pseudo-element :before is used so the heading is stacked instead of being in a single row.
To style the pseudo-element try this css:@media only screen and (max-width: 767px) { .responsive .avia_responsive_table .avia-data-table td:before { color: #0097ff; font-weight: 600; font-size: 17px; font-style: normal; } }
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,
MikeHey tonyiatridis,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.html_header_sidebar #header .av-main-nav > li > a .avia-menu-subtext { font-size: 16px; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
adjust the font size to suit and clear your browser cacheBest regards,
MikeJune 16, 2024 at 12:24 pm in reply to: GDPR banner showing in spite of everything being off #1451371Hi,
Thanks, I didn’t see this at all yesterday, but I did today, this looks like it is from the Autoptimize cache, so I disable the Autoptimize plugin and checked in different browsers.
Please clear your browser cache and check, once you see that it is now not showing you can try enabling the Autoptimize again and try clearing the Autoptimize cache.
Many users have issues with Autoptimize.Best regards,
MikeJune 16, 2024 at 12:01 pm in reply to: Colour Selection when doing different paragraphs on landing page #1451370June 15, 2024 at 11:16 pm in reply to: GDPR banner showing in spite of everything being off #1450808Hey gatehealing,
Thank you for the link to your site, when I check your both of your pages I don’t find a “Learn More” button I only see a “Schedule an appointment” button.
I checked logged in & out.
Perhaps a screenshot would help.Best regards,
MikeHi,
This is an example with using text elements to hold the text for each popup and the script in a code block element that automatically numbers each box and link so you can add as many popup boxes as you wish. The boxes and links are number from the top down so the first link on the page will open the first box on the page.
For this example this is how the backend looks:
you can add the text elements anywhere on your page, top or bottom it doesn’t matter because they will not show on the frontend.
Each text element will have the custom classes: multi-popup mfp-hide
notice that the classes have no dots and the space between them.
Then in your code block element add this code:<script> window.addEventListener('DOMContentLoaded', function() { (function($) { function assignUniqueIDs() { $('.multi-popup').each(function(index) { var uniqueID = 'multi-popup-' + (index + 1); $(this).attr('id', uniqueID); }); $('.multi-popup-link').each(function(index) { var uniqueID = 'multi-popup-' + (index + 1); $(this).attr('href', '#' + uniqueID); }); } assignUniqueIDs(); $('.multi-popup-link').magnificPopup({ type: 'inline', midClick: true }); })(jQuery); }); </script> <style> .multi-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; } </style> <a class="multi-popup-link" href="#">Link to box one</a></br> <a class="multi-popup-link" href="#">Link to box two</a></br> <a class="multi-popup-link" href="#">Link to box three</a></br> <a class="multi-popup-link" href="#">Link to box four</a></br>
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
notice the four links at the bottom, you can add these in a different element if you wish, this is to show you the custom class that the links must have.
then on the frontend when you click a link the popup box will show:
Best regards,
MikeHi,
Glad to hear that this helped you sort it 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,
MikeHey epkdesign,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:add_filter( 'avia_post_nav_entries', 'enfold_customization_postnav', 10, 2); function enfold_customization_postnav($entries, $settings) { if($settings['type'] == 'portfolio') { $settings['same_category'] = true; $entries['prev'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']); $entries['next'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']); } return $entries; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeHey tammiviestinta,
Thanks for the link to your page, I’m not able to add a single GDPR checkbox to my mailchimp form, instead I see this:
I also don’t have a paid account so I can not create two lists to choose from in the newsletter element to determine the error. I assume that when you test the checkboxes in both languages that they work correctly and the only issue is the language of the text.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor, it will change the text for your Swedish page:function replace_the_checkbox_label_in_a_mailchimp_form_to_a_different_language() { ?> <script> (function($){ $('html[lang="sv-SE"] #element_avia_av_privacy_agreement_1 label').text("Jag samtycker till att min information kommer att läggas till i Starck Coaching Oys marknadsföringsregister Reset Your Beliefs i enlighet med registerutlåtandet och jag kommer att få ett nyhetsbrev i framtiden. Jag kan avregistrera mig från nyhetsbrevet när som helst."); })(jQuery); </script> <?php } add_action( 'wp_footer', 'replace_the_checkbox_label_in_a_mailchimp_form_to_a_different_language', 99 );
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeJune 15, 2024 at 5:59 pm in reply to: Elements with an ARIA [role], whose children [role]must contain a specific … #1450619Hey ThiloKiefer,
This looks like the same issue as this feature request, in which the Dev Team writes yesterday: A solution will be added to Enfold 6.0 We don’t have a ETA for when Enfold 6.0 will be available, but thank you for your patience while this is added along with other improvements.Best regards,
MikeHi,
Thank you for your patience, I checked the sites that you linked to but I found no errors like your screenshots.
In your original thread using the avf_post_css_create_file snippet seemed to help you and two other users.
It also seem to be due to a server setting: X-Content-Type-Options “nosniff” another user found that when they change this on their server the issue was solved. But as I recall you can not change this on your server, so you should use the avf_post_css_create_file snippet.
I am unable to reproduce this issue even if I change the server settings to: X-Content-Type-Options “nosniff” so it seems that only certain servers have this error and it doesn’t seem to be directly a result of the theme settings but how the server handles X-Content-Type-Options “nosniff”Best regards,
MikeJune 15, 2024 at 2:42 pm in reply to: Double H1 tag in product categories pages and tag pages #1450611Hi,
When I check the two pages that you linked to I see two opening and closing header tags:
one set is around the theme header, and the othr set is around the woocommerce page template title, since both are closed this should not cause any issues.
But if you want to change the woocommerce header tag to a div, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:function change_woo_header_tag_to_div() { ?> <script> (function($) { $(function() { function replaceElementTag(targetSelector, newTagString) { $(targetSelector).each(function(){ var newElem = $(newTagString, {html: $(this).html()}); $.each(this.attributes, function() { newElem.attr(this.name, this.value); }); $(this).replaceWith(newElem); }); } replaceElementTag('header.woocommerce-products-header', '<div></div>'); }); }(jQuery)); </script> <?php } add_action( 'wp_footer', 'change_woo_header_tag_to_div', 99 );
Best regards,
MikeHi,
To me your example page the popup:
is the same as our lightbox popup examples, I think this solution would be the best one to follow, it uses buttons but with a minor adjustment it could use plan text links, you can see that the popup has the “X” to close, in the screenshot there is only two words, but you can add as much text as you like:
In your example page there are five links and popups:
Are you going to use this in the same way? If so how many popups do you want to use?Best regards,
MikeJune 15, 2024 at 1:29 pm in reply to: Colour Selection when doing different paragraphs on landing page #1450605June 15, 2024 at 1:16 pm in reply to: Fontsize-Problem: Fontsize suddenly stuck by 13 pt – not able to change this #1450604Hi,
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,
MikeHey schweg33,
Thanks for the link to your page, in your css above you have the color: color: #ff0000; to have a white text please use: color: #fff; you also need to add .main_color a to override the theme color, so the solution is:.main_color a.my-link-class { background-color: #ff3a2d; -webkit-border-radius: 33px; -moz-border-radius: 3px; color: #fff; font-size: 16px; padding: 7px 15px; }
since this element only shows on mobile you can not have a mouse-over as touch devices don’t use a mouse-over.
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,
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,
CSS will not work here because the image is cropped. Try the code that I posted to show the full sized image instead of the thumbnail, in my test this works.Best regards,
MikeHi,
Thanks, I see that the image is truly cropped because the your thumbnail size is cropped. Your image is not a square image so the 450×450 thumbnail will crop it.
So if you want your product catalog to have a uniform look you can create a new image that is square instead of portrait and upload your new image, then the book will be centered in your 450×450 thumbnail.
or if your shop is going to be a book store and all of your thumbnails will be a portrait shape image, you can try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function override_post_thumbnail_size($size, $post_id) { if (is_archive()) { return 'full'; } return $size; } add_filter('post_thumbnail_size', 'override_post_thumbnail_size', 10, 2);
this will show the full size image instead of the thumbnail.
Best regards,
MikeHi,
Thank you, the login is now admin, I have asked Yigit to check again with a real device, since I can’t reproduce with with Safari on a Mac in Responsive Design Mode to emulate a iPhone. Thank you for your patience.Best regards,
MikeHi,
Please link to the page with the screenshot so we can see if the image is truly cropped or if the image can be corrected with css ” background-size: contain”Best regards,
MikeHi,
Thanks for the video, I believe that I found the correct page, linked below, but I’m not experiencing the same issue.
Your video looks like a lazy load issue, where the image won’t show until the page has a enteraction, perhaps from a plugin, but when I test I don’t see this.
I checked with Windows in Chrome, Firefox, & EdgeBest regards,
Mike -
AuthorPosts