Forum Replies Created
-
AuthorPosts
-
Hi,
I’m sorry somehow I got mixed up, you are correct I do see the element lower on the page, I can’t explain this right off but if you like you can add this css to correct the behavior:@media only screen and (max-width: 767px) { .hgall { display: none!important; } }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,
Sorry I don’t have any ideas on writing an exclusion for wp rocket, these were the js files that I found that contained animation scripts, the iconlist.js is the most direct for your element, but the other two also have before|after scripts, I imagine it would be a matter of trial and error.Best regards,
MikeHey profumopuntoit,
Thank you for your patience and for the link to your site, I didn’t find why this is occurring but I was able to put together this script to correct the issue, I tested it on your site by injecting it via the browser so it should work for you once to add it to your child theme functions.phpfunction custom_focus_script() { ?> <script> function waitForElm(selector) { return new Promise(resolve => { if (document.querySelector(selector)) { return resolve(document.querySelector(selector)); } const observer = new MutationObserver(mutations => { if (document.querySelector(selector)) { resolve(document.querySelector(selector)); observer.disconnect(); } }); observer.observe(document.body, { childList: true, subtree: true }); }); } waitForElm('#s').then(elm => elm.focus()); </script> <?php } add_action('wp_footer', 'custom_focus_script');Best regards,
MikeHey Marc,
Thank you for your patience and for the login, I see that you are using a custom masonry_entries.php in your child theme, when I compare this with the standard version it is quite different.
Unfortunately debugging your custom masonry_entries.php would be outside of our support here, please try removing this and using the official version. If you really want to see your customizations working you could hire help here.Best regards,
MikeHi,
Thank you for your patience, by default these are hidden on mobile and they are not clickable because they are behind the lower element, please try updating to this css:#top.page-id-3600 #full_slider_1 .avia-slideshow { overflow: visible; } #top.page-id-3600 #full_slider_1 .avia-slideshow-dots { bottom: -60px; z-index: 99; } #top.page-id-3600 #av_section_4 > .container { z-index: 0; } @media only screen and (max-width: 767px) { .responsive #top.page-id-3600 #full_slider_1 .avia-slideshow-controls a { display: inline-block; } }Best regards,
MikeHi,
Thank you for the login, you ar getting a post 500 server error on api-fetch.min.js, I found a similar error report on WordPress and it turned out to be a conflict between two plugins, please try to follow the steps to track down your server error, but since this only happens in one language I would be suspicious of using WPML String Translation & Loco Translate at the same time.
You could also try disabling your plugins and enable one at a time, clearing your cache between each activation, to see if there are any conflicts.Best regards,
MikeHey FoundationsFour,
Thank you for the login, I see that PHP ZipArchive Extension is disabled on your server, this would mean that your server can not un-pack the demo zip files, please ask your webhost to enable.Best regards,
MikeHi,
Thank you for the login to your site, I have tested the page and find the element is hidden below 767px as the Element Visibility options indicate. Please try clearing your browser cache and checking again.Best regards,
MikeJuly 18, 2021 at 6:37 pm in reply to: New install: logo only shows on mobile sized screens – disappears on desktop #1310624Hi,
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,
MikeJuly 18, 2021 at 6:21 pm in reply to: Masonry Grid – Mobile – Get rid of margins (not image spaces) to make truly 100% #1310618Hi,
Thank you for your patience, please try disabling Autoptimize and your caching plugin, above you said that your Lazy Loading is disable but the images still have the lazyloaded class which can be added by other plugins such as Autoptimize, I see that your images are served by cdn.shortpixel.ai can you try it with local images?Best regards,
MikeHi,
Thank you for your patience I found that in your child theme functions.php you were using this code snippet:
add_theme_support('avia_template_builder_custom_css');
This is no longer needed, I commented it out and now your site seems to be running much better, please check.Best regards,
MikeHey roelvanleuken,
Thank you for your patience, while I have not used Blogvault I imagine the reason you are being redirected is because Enfold is a licensed theme on Theme Forest, all updates are only available on Theme Forest using their security Token.
There is a good chance that there is a block put in place by Theme Forest because we know that they limit the number of update requests allowed based on IP & Token, for more info you would have to ask them.
So to update the theme you will need to log into your Theme Forest account and download the update. There is also a Envato Market WordPress Plugin that you may be able to use to update your theme, but the first option is more reliable.Best regards,
MikeHi,
Thank you for your patience, please try excluding these files:
\wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\iconlist\iconlist.js
\wp-content\themes\enfold\js\shortcodes.js
\wp-content\themes\enfold\js\avia.js
but I’m not sure if this will work if the theme is merging the css & js and WP Rocket is combining & minifying, you may need to leave this WP Rocket feature disabled.Best regards,
MikeHey SvHa,
Thank you for your patience this is a browser policy and can not be set to autoplay with sound predictably across all browsers.Best regards,
MikeHi,
Thank you for your patience and for the login, I looked around a little and un-checked the
Customizing ▸ Jumbo Plugin ▸ Misc ▸ Lock body scroll

and your menu links seem to be working now, please clear your browser cache and check.
If you have further issues please contact the plugin author as we don’t support third party plugins, I did notice that this author had a couple of questions about this issue on CodeCanyon so he may have an answer for this.
I have not researched any other plugins but this is the first one on WordPress: FullScreen MenuBest regards,
MikeHi,
Thank you for your patience and for the login, for mobile when only the phone and mail buttons show I was able to make them fixed to the bottom on the screen with this css, I also had to add a custom class to each flex-cell, phone & mail for this css@media only screen and (max-width: 767px) { #top #welcome > .phone.no_margin.av_one_fourth { position: fixed; width: 50%; bottom: 59px; z-index: 99; } #top #welcome > .mail.no_margin.av_one_fourth { position: fixed; width: 50%; bottom: 59px; z-index: 99; right: 0; } }Please clear your browser cache and check.
Best regards,
MikeJuly 18, 2021 at 2:10 pm in reply to: Help with transparency and layering background images #1310597Hi,
I found the correct $context for Ismael’s function, this is working in my tests, please try this in your child theme functions.phpfunction social_share_links_heading_mod( array $args, $context, array $extra_args = array() ) { if( $context == 'avia_social_share_links' ) { $args['heading'] = 'p'; } return $args; } add_filter( 'avf_customize_heading_settings', 'social_share_links_heading_mod', 10, 3 );Best regards,
MikeJuly 18, 2021 at 12:14 pm in reply to: Toooltip für bestimmte Galerien gezielt abschalten / Deactivate tooltip #1310586Hi,
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,
MikeJuly 17, 2021 at 11:20 pm in reply to: Toooltip für bestimmte Galerien gezielt abschalten / Deactivate tooltip #1310533Hey solf,
Thank you for your patience, can you explain a little further about which tooltips you do not want, the reason is that sometimes people mean the image title mouse-over effect as a tooltip, and this one is created by the browser based on the image title attribute.
It can be hidden with this code in your functions.php:function custom_script() { ?> <script> (function($){ $("*").hover(function(){ $(this).removeAttr("title"); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');but this might be a dramatic move if you want the title to show for some elements.
Other times some people mean this tooltip element:

that shows on some galleries.
This can be hidden with this css in your Quick CSS:.avia-tooltip.avia-tt { display: none !important; }but this might also be a dramatic move if you want the tooltip to show for some galleries, if so you would want to add some page IDs to the rule.
So please try the one you think is right for your situation but if you find it is hiding too many tooltips link to the pages so we can advise how to adjust the code to hide only the ones you want hidden.Best regards,
MikeHi,
Thank you for your patience, I will try to explain how these work, basically they all work the same and give you no new options or elements, the related articles are meant to show on posts created with the default WordPress editor, and the post tags are what determine what are shown, so the post must have tags for the element to show and the other posts must also have tags.
So the reason these codes have been offered is some people use the Advanced Layout Builder for their posts and the related articles were not meant to show with that builder, so you would add this code to the template. The related posts shortcode solution [rpost] allows you to add the shortcode for the related posts in the Advanced Layout Builder where you want it to show, such as a code block element, this is the only difference. This shortcode solution still works I have tested it/* related posts shortcode = [rpost] */ function related_posts_shortcode( $attr ) { ob_start(); get_template_part( 'includes/related-posts' ); return ob_get_clean(); } add_shortcode( 'rpost', 'related_posts_shortcode' );
I hope this answers your questionsBest regards,
MikeHi,
Thank you for your patience and the screenshots and the link to your site, but when I view your site I do not see the social icons either in the burger menu or on the page. The script copies your current social icons and adds the copy to your burger menu, do you have them disabled right now?Best regards,
MikeHey Sebastian,
Thank you for your patience please try adding a code block element to your page and add this script inside:<script> (function($){ var int = window.setInterval(function(){ $(window).trigger('resize'); }, 200); $(window).load(function () { setTimeout(function() { clearInterval(int); }, 500); }); })(jQuery); </script>I tested this by injecting it via the browser and it seemed to help, but I couldn’t add it to the page because of some security policy.
The masonry elements get their size via javascript thus the animation, typically in similar cases we would try to set the minimum size but your grid is not uniform. If this script doesn’t work there might be another that can force a reload on load and probably reset the page, but there may be a page “flash” which would be annoying.Best regards,
MikeJuly 17, 2021 at 7:46 pm in reply to: Help with transparency and layering background images #1310524Hey BossBitch76,
Thank you for your patience, for your /about/ & individual artist pages this css seems to work:#main .entry-content-wrapper > .flex_column.av_one_full { background-color: rgba(255, 255, 255, 0.3) !important; } #main .entry-content-wrapper > .flex_column.av_one_full img { border-radius: 50px; }For your pages using the masonry element this seems to work:
#main .main_color .av-masonry-outerimage-container { background-color: transparent; } #main .main_color .av-masonry-image-container, #main .main_color .av-masonry-outerimage-container { border-radius: 50px; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thank you for your patience, I couldn’t work out a function like Ismael had, but I found the location in the theme to make the change, please look in\wp-content\themes\enfold\includes\helper-social-media.phpon line 646, look for$default_heading = 'h5';and change to suit.

But unfortunately, you can’t override a helper function inside a child theme by moving the file to the child theme.
It seems that we worked on a similar issue, did you want to try modifying the script for this?Best regards,
MikeJuly 17, 2021 at 6:17 pm in reply to: Change color of music player icon and change padding for only one element #1310522Hey Sabine,
Thank you for your patience and the link to your page, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field to make the player button have a gold background when it is not playing and currently can’t be seen:button#sound-frame { background: #ca994f !important; }I have not investigated plugins for background music before so I can’t recommend any, please check the WordPress repository to see if any will fill your needs. Google suggests this one.
For your icon list next to your contact form try this Quick CSS:#kontakt > div > div > div > div > div:nth-child(1) > div > div.avia-icon-list-container > ul { padding-left: 80px; }it should line up under your image.
To add your own Fontello icons please see this documentation. If this doesn’t help then please create a test page and explain which element you want to use the custom icon for and include admin login in the Private Content area.Best regards,
MikeJuly 17, 2021 at 5:45 pm in reply to: Imported Google font not working on iPhone or desktop Safari #1310519Hi,
Thank you for your patience and the link to your page, I tried to recreate this situation on my test site and compared it to your site and I found that on both in Safari the .ttf fonts didn’t seem to render. Even thogh we had downloaded the font from Google Fonts and uploaded to the custom font manager the font was still being served by the google cdn as a cached .woff, incorrectly.
The .ttf was not found on Safari at all.
So I was able to work around this by extracting the PlayfairDisplay-BoldItalic font and uploading to the custom font manager by itself in it’s own zip file, please remove your font and try this, I linked to the one I used below.
Then in the h4 special heading element that I tested with I added the custom classplayfairdisplay-bolditalic

Then I added this css in the General Styling > Quick CSS field:.playfairdisplay-bolditalic h4.av-special-heading-tag { font-family: 'playfairdisplay-bolditalic' !important; font-size: 60px; font-weight: 700; font-style: italic; }I recommend this method over using the Theme option for Advanced Styling because it doesn’t offer the font-style option to choose italic, and in my test on a Mac with Safari the italic must be declared even though the specific font is italic, on Windows with Chrome the font renders correctly.
Please give this a try.Best regards,
MikeHi,
Thank you for your patience and the link to your pages, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:input.av-recaptcha-submit, input.av-recaptcha-submit-real { background-color: #fff !important; color: #5690e8 !important; font-weight: normal !important; padding: 7px 30px 7px !important; font-size: 16px !important; border-bottom: solid 2px #ebebeb !important; border-right: solid 2px #ebebeb !important; border-left: solid 2px #ebebeb !important; border-top: solid 2px #ebebeb !important; border-radius: 50px !important; } input.av-recaptcha-submit:hover, input.av-recaptcha-submit-real:hover { transition: all .2s ease-in-out !important; background-color: #f499c0 !important; color: #fff !important; font-weight: normal !important; padding: 7px 30px 7px !important; font-size: 16px !important; border-bottom: solid 2px #f499c0 !important; border-right: solid 2px #f499c0 !important; border-left: solid 2px #f499c0 !important; border-top: solid 2px #f499c0 !important; border-radius: 50px !important; opacity: 1; }To add a screenshot please try using an image hosting service and pasting the image URL in your post.
Best regards,
Mike -
AuthorPosts

