Forum Replies Created

Viewing 30 posts - 12,451 through 12,480 (of 34,985 total)
  • Author
    Posts
  • in reply to: YouTube Video Not Showing Thumbnail – Black Screen #1345225

    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,
    Mike

    in reply to: Differnet style audioplayer on pages #1345224

    Hey 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,
    Mike

    Hey 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,
    Mike

    in reply to: Logo not visible in mobile view #1345221

    Hi,
    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,
    Mike

    in reply to: Special Headings over Color Section #1345220

    Hey 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,
    Mike

    in reply to: Main Menu Not working with Portfolios #1345219

    Hey mattb1169,
    Thank you for your question, this is because your menu items only have the hash anchor, this is fine for a single page site but when you have multiple pages and you are using custom menu items you need to include the full URL to link back to the homepage.
    2022-03-19_002.jpg

    Best regards,
    Mike

    in reply to: YouTube Video Not Showing Thumbnail – Black Screen #1345217

    Hi,
    Glad to hear that you have this sorted out, and sorry for any confusion, this parameter is shown on the video element.
    2022-03-19_001.jpg
    Since this is sorted out shall we close this then?

    Best regards,
    Mike

    Hi,
    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,
    Mike

    Hi,
    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,
    Mike

    Hi,
    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,
    Mike

    in reply to: [/av_toggle] [/av_toggle_container] [/av_one_full] #1345212

    Hey 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,
    Mike

    in reply to: Integrate Mightyslider Ken Burns on front-page #1345210

    Hi,
    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,
    Mike

    in reply to: Captions in Image List #1345209

    Hey 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.php file, 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,
    Mike

    in reply to: Portfolio items not showing #1345195

    Hi,
    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,
    Mike

    in reply to: How to use transparent header on posts and archives #1345194

    Hey 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.php

    add_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,
    Mike

    in reply to: How to use transparent header on posts and archives #1345193

    Hey 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.php

    add_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,
    Mike

    in reply to: Completely remove entypo-fontello #1345192

    Hi,
    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,
    Mike

    Hi,
    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,
    Mike

    in reply to: Favicon not showing up #1345185

    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,
    Mike

    in reply to: Hide empty white boxes in Microsoft Edge #1345141

    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,
    Mike

    in reply to: Dropdown menu #1345138

    Hi,
    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,
    Mike

    in reply to: Horizontal gallery image caption #1345106

    Hi,

    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,
    Mike

    in reply to: Hide empty white boxes in Microsoft Edge #1345103

    Hi,
    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,
    Mike

    in reply to: Completely remove entypo-fontello #1345096

    Hi,
    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 patience

    Best regards,
    Mike

    in reply to: Hide empty white boxes in Microsoft Edge #1345067

    Hi,
    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:
    2022-03-18_072546.jpg
    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,
    Mike

    in reply to: Line of the main menù #1344892

    Hey 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,
    Mike

    in reply to: Hide empty white boxes in Microsoft Edge #1344883

    Hey 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,
    Mike

    in reply to: section full width #1344865

    Hi,
    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,
    Mike

    in reply to: Dropdown menu #1344859

    Hi,
    Sorry I see now that it displays as a list and not a dropdown, please try the plugin: Navigation menu as dropdown Widget

    Best regards,
    Mike

    in reply to: Completely remove entypo-fontello #1344811

    Hi,
    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

Viewing 30 posts - 12,451 through 12,480 (of 34,985 total)