Forum Replies Created
-
AuthorPosts
-
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,
MikeHey Soulshakin,
Thanks for the login and link to your pages, I added this css to correct the color, but the homepage is the only one with multiple audios so it is the only one with a play list.#main #mep_0 a.mejs-horizontal-volume-slider { color: #e44363; } #main .main_color #mep_0 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, #main .main_color #mep_0 .mejs-controls .mejs-time-rail .mejs-time-current { background: #e44363; }Please clear your browser cache and check.
Best regards,
MikeMarch 19, 2022 at 10:31 pm in reply to: transparent header do not work with mobile landscape position #1345222Hey Magdalena,
Thank you for your patience, but I addressed this issue in another thread that you opened, please check that thread and give your feedback there.
I will close this duplicate thread, thank you for using Enfold.Best regards,
MikeHi,
Thanks for the login, your logo image has this added to it in the source code ?time=1647685881 so I believe that a plugin is either caching the image or delaying it from showing. Try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause.Best regards,
MikeHey macjeffff,
Thank you for the link to your site, I many things to break the font size but couldn’t, and I have not seen this issue before.
For peace of mind I would recommend adding a custom class to each and writing a backup css rule and then add it to the WordPress ▸ Customize ▸ Additional CSS field, since this one has the highest priority.
This way whatever is causing the original css rule to break this backup one would solve.
Sorry that I was not much help, but if I could see the error I probably would be able to help more.Best regards,
MikeMarch 19, 2022 at 9:26 pm in reply to: changing breadcrumbs background color and font size in the icon boxes #1345216Hi,
If your Page ID is 73 then use this css to change the title bar background color:#top.page-id-73 .title_container { background-color: #A78F4F; }If your Post ID is 73 then use this css:
#top.postid-73 .title_container { background-color: #A78F4F; }To have the breadcrumbs on the left use this css:
#top.postid-73 .title_container .breadcrumb { left: 50px; }and adjust for either Post or Page
After applying the css, please clear your browser cache and check.Best regards,
MikeMarch 19, 2022 at 9:08 pm in reply to: Easy slider and Full width easy slider issue – white space on first page load #1345215Hi,
Thank you for your patience, and glad to see that you already found that the issue is with the Smush lazy load option, this issue is known to Smush and they have told Smush Pro users that they are working on it. For now please disable this feature until Smush is able to correct it. We can’t not modify a plugin error at the theme level, it must be done within the plugin files.Best regards,
MikeMarch 19, 2022 at 8:59 pm in reply to: Color section with background image don't cover the entire container on mobile #1345213Hi,
For mobile landscape I added this css:@media only screen and (max-width: 990px) and (orientation: landscape) { .responsive #top #main {margin-top: -80px!important;} #top #wrap_all .av_header_transparency {background-color: transparent!important;} div#header_main > .container {display: block !important;} }Please clear your browser cache and check.
Best regards,
MikeHey jimboo64,
Thanks for your question, the page you linked to seems to be a 404 error, if you have any unclosed tags in the element it can cause an error, such as using html tags in the title fields, sometimes you can remove these tags and save again to correct other times you will need to rebuild. Often these errors are saved in an element template and can not be corrected, so the template must be deleted.
If none of these situations apply to you then link to an example with a admin login so we can examine the error, please explain the error well so we will know what to look for, screenshots typically help.Best regards,
MikeHi,
Glad to hear that you have this sorted out, setting the header to transparent is the correct method, it is how we get the layerslider and color sections to show full screen.
Shall we close this then?Best regards,
MikeHey joschro,
Thank you for your patience, for the Ajax Portfolio Preview Settings to have the Preview Images display the gallery caption in the lightbox when the Image List is used.
you would need to modify the\enfold\config-templatebuilder\avia-shortcodes\portfolio\portfolio.phpfile, in v4.9 lines 1467 – 1485 should look like this:foreach( $attachments as $attachment ) { // create array with responsive info for lightbox $img = Av_Responsive_Images()->responsive_image_src( $attachment->ID, 'large' ); $alt = get_post_meta( $attachment->ID, '_wp_attachment_image_alt', true ); $alt = ! empty( $alt ) ? esc_attr( $alt ) : ''; $title = trim( $attachment->post_title ) ? esc_attr( $attachment->post_title ) : ''; $description = trim( $attachment->post_content ) ? esc_attr( $attachment->post_content ) : ''; $img_tag = "<img src='{$img[0]}' title='{$title}' alt='{$alt}' />"; $img_tag = Av_Responsive_Images()->prepare_single_image( $img_tag, $attachment->ID, $this->atts['lazy_loading'] ); $lightbox_attr = Av_Responsive_Images()->html_attr_image_src( $img, false ); $output .= "<a {$lightbox_attr} class='portolio-preview-list-image' title='{$description}' >"; $output .= $img_tag; $output .= '</a>'; }change this block to this:
foreach( $attachments as $attachment ) { // create array with responsive info for lightbox $img = Av_Responsive_Images()->responsive_image_src( $attachment->ID, 'large' ); $alt = get_post_meta( $attachment->ID, '_wp_attachment_image_alt', true ); $alt = ! empty( $alt ) ? esc_attr( $alt ) : ''; $title = trim( $attachment->post_title ) ? esc_attr( $attachment->post_title ) : ''; $description = trim( $attachment->post_content ) ? esc_attr( $attachment->post_content ) : ''; $caption = trim( $attachment->post_excerpt ) ? wptexturize( $attachment->post_excerpt ) : ''; $img_tag = "<img src='{$img[0]}' title='{$title}' alt='{$alt}' />"; $img_tag = Av_Responsive_Images()->prepare_single_image( $img_tag, $attachment->ID, $this->atts['lazy_loading'] ); $lightbox_attr = Av_Responsive_Images()->html_attr_image_src( $img, false ); $output .= "<a {$lightbox_attr} class='portolio-preview-list-image' title='{$caption}' >"; $output .= $img_tag; $output .= '</a>'; }I recommend using a child theme, Read about using a Child Theme, so that this customization won’t be lost with updates. I have linked to the most current child theme below that includes the function to add customized theme elements:
function avia_include_shortcode_template( $paths ) { if( ! is_array( $paths ) ) { $paths = array(); } $template_url = get_stylesheet_directory(); array_unshift( $paths, $template_url . '/shortcodes/' ); return $paths; } add_filter( 'avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1 );once you have installed the child theme and inported the parent theme settings as in our documentation above, then you can create a directory in your child theme for the portfolio file like this:
/enfold-child/shortcodes/portfolio/portfolio.php
I have included the custom portfolio.php file that I tested with below.Best regards,
MikeHi,
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,
MikeHey WebDevDept,
Thank you for your patience and for the screenshots, it looks like your new header is created with css and a background image to create the blue wave, is this correct?
If that is true then you should be able to target the archive pages by changing the classes.
To force a transparent header for author & archive pages add this function to your child theme functions.phpadd_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 50, 1); function avf_header_setting_filter_mod($header_settings) { if ( is_author() || is_archive()) { $header_settings['header_transparency'] .= " header_transparency"; $header_settings['header_class'] .= " av_header_top av_logo_left av_main_nav_header av_menu_right av_custom av_header_shrinking_disabled av_header_stretch_disabled av_mobile_menu_phone av_header_transparency av_header_searchicon av_header_unstick_top_disabled av_minimal_header av_bottom_nav_disabled av_alternate_logo_active av_header_border_disabled"; } return $header_settings; }please note that with a transparent header the #main loses it’s 88px top padding so all of the content shifts up.
Best regards,
MikeHey WebDevDept,
Thank you for your patience and for the screenshots, it looks like your new header is created with css and a background image to create the blue wave, is this correct?
If that is true then you should be able to target the archive pages by changing the classes.
To force a transparent header for author & archive pages add this function to your child theme functions.phpadd_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 50, 1); function avf_header_setting_filter_mod($header_settings) { if ( is_author() || is_archive()) { $header_settings['header_transparency'] .= " header_transparency"; $header_settings['header_class'] .= " av_header_top av_logo_left av_main_nav_header av_menu_right av_custom av_header_shrinking_disabled av_header_stretch_disabled av_mobile_menu_phone av_header_transparency av_header_searchicon av_header_unstick_top_disabled av_minimal_header av_bottom_nav_disabled av_alternate_logo_active av_header_border_disabled"; } return $header_settings; }please note that with a transparent header the #main loses it’s 88px top padding so all of the content shifts up.
Best regards,
MikeHi,
The Dev Team has replied with this function and I tested it on PHP v8 and it is working.add_filter('avf_default_iconfont', function($icon_font) { return array(); }, 10, 1);Thank you for your patience
Best regards,
MikeMarch 19, 2022 at 5:02 pm in reply to: open (or link) the mobile menu from button within Layerslider #1345190Hi,
Thanks for your feedback, as I understand your plan from your first post, the burger icon in the layerslider is going to be for your mobile view and doesn’t need to work on desktop, so I changed the link in the layerslider burger icon to #custom-menu-toggle and changed the function to this:function custom_script() { ?> <script> (function($){ $('a[href*="#custom-menu-toggle"]').on('click', function() { $('.av-hamburger').trigger('click'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');now the layerslider burger icon opens the theme burger menu on click on devices below 990px.
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 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,
Thanks for your patience and for the login, the issue was that a select option doesn’t trigger a click and the plugin doesn’t include the custom classes for the popup maker plugin triggers. I was able to add a script that gets the option values and adds them as a class and triggers a click when each one is selected.
I added this to your child theme functions.php:function custom_dropdown_popmake_trigger() { ?> <script> (function($){ $('#select_jp_dropdown_menu_widget-2 option').addClass(function() { return this.value.replace("#", ""); }); $('#select_jp_dropdown_menu_widget-2').change(function(){ $(this).find(':selected').click() }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_dropdown_popmake_trigger');please clear your browser cache and check the test page linked below.
Best regards,
MikeHi,
Thanks for the screenshots, but I’m not experiencing this with Android, please see the screenshots in the Private Content area. If you are using an iPhone it can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
Best regards,
MikeHi,
I believe you can’t see the Simple Translate boxes now because I removed them for you, above I explained how to check for them and removed them should this happen again, but if you disable the Simple Translate extension then you probably won’t see these anymore, so this should be solved.
I recommend saving a link to this topic for future reference, and shall we close this thread then?Best regards,
MikeHi,
Thanks for the feedback, I tested with PHP v8 and also received the error, I submitted this to the Dev Team and will reply here when I hear back.
Thank you for your patienceBest regards,
MikeHi,
Thanks for the feedback, I believe this might be coming from a Firefox extension Simple Translate adding to the text blocks when you copy & paste in your browser, are you using this extension? You may want to disable it when you work on your site. I looked through some of your pages and removed this code adding the un-wanted blocks<div id="simple-translate"> <div> <div class="simple-translate-button isShow" style="background-image: url('moz-extension://2568a979-4678-4b1e-bd5a-8d670de04d36/icons/512.png'); height: 22px; width: 22px; top: 83px; left: -22px;"></div> <div class="simple-translate-panel " style="width: 300px; height: 200px; top: 0px; left: 0px; font-size: 13px; background-color: #ffffff;"> <div class="simple-translate-result-wrapper" style="overflow: hidden;"> <div class="simple-translate-move" draggable="true"></div> <div class="simple-translate-result-contents"> <p class="simple-translate-result" dir="auto" style="color: #000000;"></p> <p class="simple-translate-candidate" dir="auto" style="color: #737373;"></p> </div> </div> </div> </div> </div>If you are working in a text block element and see a white box in the preview area switch to the “text” tab and remove the code, like this:

you can also use the css above as it won’t cause any issues even if you remove all of the code from your site, it could help in the future if you miss one.Best regards,
MikeHey ictsystem,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:#avia-menu .avia-menu-fx { height: 4px; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey UFreeman,
I tested your pages on Windows in Chrome, Firefox, & Edge and these simple-translate boxes are showing in all browsers.
They don’t seem to do anything so perhaps your best option would be to remove them, but if you want to just hide them add this css in the WordPress ▸ Customize ▸ Additional CSS field:#simple-translate { display: none; }Please see the screenshot in the Private Content area.
Best regards,
MikeHi,
I’m not sure what was changed but I adjusted the css to this:#top.page-id-13305 #full_width_tab_section .av-layout-tab > .av-layout-tab-inner > .container { max-width: 2500px; padding: 0; }and now the full width images are full width again, but you will still need to change the image columns and shortcode to a code block to set the “boxed” width as we talked about earlier.
Best regards,
MikeHi,
Sorry I see now that it displays as a list and not a dropdown, please try the plugin: Navigation menu as dropdown WidgetBest regards,
MikeHi,
I tested with the function above and installed a new font with the Custom Font Manager with no issues. Try extracting your custom font zip file and rezip only the font file with no inner directories and extra files. For example, some custom fonts place the file in a zip inside the zip.Best regards,
Mike -
AuthorPosts


