Forum Replies Created

Viewing 30 posts - 7,921 through 7,950 (of 67,457 total)
  • Author
    Posts
  • in reply to: Pagination #1412650

    Hey mirr,

    Thank you for the inquiry.

    You might have to create the links manually in a code or text block using HTML. Please provide a link to the page so that we can better understand what you’re trying to do.

    Best regards,
    Ismael

    in reply to: Header fall down #1412649

    Hey Stilecatalini,

    Thank you for the inquiry.

    Adding the following css code should adjust the transition of the menu overlay, starting from the top to bottom.

    .html_av-overlay-side .av-burger-overlay-scroll {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    
    .html_av-overlay-side.av-burger-overlay-active-delayed .av-burger-overlay-scroll {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

    Best regards,
    Ismael

    in reply to: accessibility #1412648

    Hey Advantage09,

    Thank you for the inquiry.

    1.) The contact form has an option to display missing or invalid fields. Please set the Content > Frontend > Display Fields With Error settings to “yes”.

    2.) Adding the following script in the functions.php might help.

    function ava_custom_script() { 
    	?>
    	<script>
    		(function($) {
    			$(document).ready(function() {
    				$('#top #avia-menu').attr('role', 'menubar');
    			});	
    		}(jQuery)); 
    	</script>
    	<?php
    }
    add_action('wp_footer', 'ava_custom_script');
    

    Best regards,
    Ismael

    Hi!

    We moved modified files to child theme

    You cannot override the modified files (class-element-styling-rules.php) in the child theme but you can use the avf_css_rules_transition filter to remove the transition property. Please try to add this in the functions.php file.

    add_filter('avf_css_rules_transition', function($transition, $rules) {
    	$transition = array();
    	return $transition;
    }, 10, 2);
    

    Best regards,
    Ismael

    Hi,

    Thank you for the info.

    We made modifications to the config-templatebuilder/avia-template-builder/php/base-classes/class-element-styling-rules.php file in the transition_rules function, temporarily removing the transition rules. This can also be accomplished by using the avf_css_rules_transition filter, but in this particular case, we chose to directly edit the file. This resolved the problem regarding the “unsupported properties” or non-composited animations. However, it’s important to note that this modification also disables a few element animations.

    We will update you once we figured out a better solution.

    Best regards,
    Ismael

    in reply to: How to use SVG logo #1412585

    Hi,

    Thank you for the update.

    The following css code should adjust the size of the logo and allow it to extend out of the header container.

    #top .logo a, #top .logo {
        height: 130%;
        overflow: visible;
    }
    

    Please make sure toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the code to make sure that the changes take effect.

    Best regards,
    Ismael

    in reply to: Change search slug #1412584

    Hi,

    Thank you for the update.

    The first code above (and @Guenni007’s recommendation) should work, but you need to ensure that you flush the permalink settings by saving the options in the Settings > Permalinks panel.The “Permalink structure” should also be set to “Post Name”.

    Please follow these steps:

    1.) Add the following code to the functions.php file, using the template_redirect hook:

    function ava_change_search_url() {
        if ( is_search() && ! empty( $_GET['s'] ) ) {
            wp_redirect( home_url( "/search/" ) . urlencode( get_query_var( 's' ) ) );
            exit();
        }
    }
    add_action( 'template_redirect', 'ava_change_search_url' );
    

    2.) Go to the Settings > Permalinks panel, select “Post Name” as the permalink structure, and save the changes.

    3.) Remember to clear the cache afterward.

    Best regards,
    Ismael

    Hey capsmedia,

    Thank you for the inquiry.

    If ALB (Advanced Layout Builder) is active, then you will need to modify the template-builder.php file or use the ava_before_content_templatebuilder_page hook to insert additional content above the portfolio items. Otherwise, you will have to edit either the single-portfolio.php or the includes > loop-portfolio-single.php file.

    Best regards,
    Ismael

    in reply to: Woocommerce product repeat in same page #1412582

    Hi,

    Glad to know that the issue has been resolved. Please feel free to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Editing copyright footer code #1412581

    Hi,

    Thank you for the update.

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings, and purge the cache afterwards to ensure that the changes take effect.

    The container or element “ssl-secure-payment” does not exist in the default footer template, so it must have been added manually by your developer. Additionally, the class “lenos-footer” is not included in the template by default. Please ask your developer to check the footer.pph file and make sure that these elements actually exist in the footer container.

    Best regards,
    Ismael

    in reply to: Cookies not working properly on mobile #1412580

    Hi,

    Thank you for the update.

    For some reason, the cookie consent message is not appearing on our end. We manually removed the cookies, cleared the local storage and checked the site on incognito mode, just to make sure that it is not hidden. Would you mind providing a screenshot of the “settings” button?

    Best regards,
    Ismael

    in reply to: Ajax Portfolio images overlapping each other #1412579

    Hi,

    Did you copy the code from your email? Please ensure that you copy it directly from the forum to prevent characters from being converted to their HTML entity format.

    Best regards,
    Ismael

    in reply to: Achieve pages #1412578

    Hey extraeyes,

    Thank you for the inquiry.

    You will need to manually add the meta description to the page using an SEO plugin such as Yoast. Please refer to the documentation below for more information.

    // https://yoast.com/meta-descriptions/#yoast-seo-meta-description

    Best regards,
    Ismael

    Hey markr156,

    Thank you for the inquiry.

    1.) Unfortunately, there is no available option for the slider caption animation. You can only change the Slideshow Transition in the Advanced > Slider Animation panel.

    2.) This issue is not occurring on our end. It’s possible that you have applied a CSS modification that transforms the heading elements to uppercase. To override it, please add the following CSS code.

    .avia-slideshow .avia-caption .avia-caption-title {
        text-transform: none !important;
    }
    

    Best regards,
    Ismael

    in reply to: Cookies not working properly on mobile #1412391

    Hey Jacopotj,

    Thank you for the inquiry.

    The privacy or cookie options are disabled when we checked the site. Please enable the option back or post the login details in the private field so that we can investigate the issue further.

    Best regards,
    Ismael

    in reply to: Editing copyright footer code #1412389

    Hey Jacopotj,

    Thank you for the inquiry.

    You can add the css code in the Enfold > General Styling > Quick CSS field. Please make sure toggle or temporarily disable the Enfold > Performance > File Compression settings and purge the cache after adding the code in order to ensure that the changes take effect.

    Best regards,
    Ismael

    in reply to: Ajax Portfolio images overlapping each other #1412388

    Hey flylanddesigns,

    Thank you for the inquiry.

    This issue usually happens when there are numerous portfolio images on a single page. It occurs due to slower image loading, leading to mispositioning of the portfolio items by the “isotope” script. To avoid the issue, it is recommended to reduce the number of items on the same page and make use of pagination effectively. Additionally, you can include the following script to trigger a “resize” event during image loading, ensuring proper alignment:

    add_action('wp_footer', 'ava_auto_resize');
    function ava_auto_resize(){
    ?>
    <script>
    (function($){	
    	var int = window.setInterval(function(){
    		$(window).trigger('resize');
    	}, 1500);
    	
    	$(window).on("load", function () {	
    		setTimeout(function() {
    			clearInterval(int);
    		}, 500);
    	});
    })(jQuery);
    </script>
    <?php
    }
    

    Best regards,
    Ismael

    in reply to: Masonry Ajax Portfolio #1412387

    Hey flylanddesigns,

    Thank you for the inquiry.

    Unfortunately, adding this feature to the Masonry element would require significant modifications to the theme. You may have noticed that the AJAX Portfolio preview includes specific elements designed exclusively for the “portfolio” post type, which can be added using the dedicated Ajax Portfolio Preview Settings. These customization options and content fields are not available for other post types, and the Portfolio Grid element is the only component capable of displaying these elements. Additionally, the functionality provided by the AJAX preview script is specifically designed for the Portfolio Grid element and cannot be utilized with the Masonry element without substantial customization to the templates.

    Best regards,
    Ismael

    in reply to: Advanced Layout Builder with The Events Calendar #1412386

    Hey Michael,

    Thank you for the inquiry.

    When ALB (Advanced Layout Builder) is active, all default elements in the page or post will be removed, as a different template will be applied, essentially creating a blank canvas. Because of this, we do not recommend activating ALB for special custom post types like events.

    Best regards,
    Ismael

    Hi,

    Thank you for the screenshots.

    By default, the columns will automatically break into full width on smaller screens, resulting in the columns stacking above each other on mobile devices. How would you like the columns to display on smaller screens?

    If you want to keep the columns fixed at the very bottom of the color section on larger screens, you can add the following CSS code.

    @media only screen and (min-width: 768px) {
    
      /* Add your Desktop Styles here */
      #top .flex_column_table.av-tfw10-5fe8bc048aaa6eace751d7a497551ffb {
        position: absolute;
        bottom: 0;
        width: 100%;
        margin-top: 0 !important;
      }
    }

    Best regards,
    Ismael

    in reply to: Image not centered in grid row background #1412130

    Hi,

    Thank you for the update.

    As mentioned earlier, the location and size of the image will change based on the selected Background Attachment option. When it is set to “Fixed”, the background image will inherit the width of the viewport instead of its direct parent to create the “fixed” element effect. If you need to center align the background image, you need to revert the “Background Attachment” back to “Scroll”.

    Best regards,
    Ismael

    in reply to: Change the sort order of Masonry Elements #1412128

    Hi,

    Glad to know that the changes are working. The reason why the above condition is not working is that ‘category_name’ is not a valid parameter or it does not exist in the $query.

    Let us know if you have more questions.

    Best regards,
    Ismael

    in reply to: Blog’s layout changed #1412127

    Hi,

    Thank you for the update.

    In order to adjust the size of the featured images, please follow these steps:

    1.) Go to Enfold > Blog Layout > Blog Layout settings.
    2.) Set the settings to “Use the Advanced Layout Builder to build your own blog.”
    3.) This will allow you to edit the blog page using the Advanced Layout Builder (ALB).

    Once you have made this setting, proceed with the following steps:

    1.) Edit the blog page and switch to ALB immediately.
    2.) From the Content Elements tab, add a Blog Posts element, and then open or edit it.
    3.) In the element’s Content > Select Entries > Blog Layout, choose Grid Layout.
    4.) In the Styling > Appearance toggle, set the Preview Image Size to the second option.
    5.) Select the desired image size to display in the grid. We recommend the first option (No Scaling) if you want to display the original image.

    Please let us know if you have any further questions or if this solution resolves your issue.

    Best regards,
    Ismael

    in reply to: Google Maps API Not Working #1412125

    Hey ind-image,

    Thank you for the inquiry.

    The map is displaying correctly on our end. Have you managed to resolve the issue? If not, please provide the login details in the private field so that we can investigate further.

    Best regards,
    Ismael

    in reply to: Italicize caption title in fullwidth easy slider #1412123

    Hey es.design.ma,

    Thank you for the inquiry.

    Have you tried using the “em” or “i” tag to emphasize or italicize the caption title?

    Example:

    <em>Hello World!</em>
    <i>Hello Universe!</i>
    

    If you would like to use css, please add this code.

    #top .av_slideshow_full .avia-caption-title {
        font-style: italic;
    }
    

    Best regards,
    Ismael

    in reply to: what is the benefit of : avf_old_browser_support #1412026

    Hey Guenter,

    Thank you for the inquiry.

    In the future, it might be possible to choose which legacy assets to load, js or css. When I tested this filter, it doesn’t really do anything at the moment, but I might be using it wrong. I asked Guenter about the issue and forwarded this thread.

    Best regards,
    Ismael

    Hey Sebastian,

    Thank you for the inquiry.

    Please note that the privacy toggles can only control options and cookies that are generated by the theme. They will not have an effect on options or features that have been added using a plugin. If you want the user to be able to toggle the tag manager, you may need to add the analytics script directly in the Enfold > Google Services > Google Analytics Tracking Code field instead of using the plugin.

    Best regards,
    Ismael

    in reply to: Modify shortcodes #1412024

    Hi,

    Thank you for the update.

    We didn’t find the aria-hidden attribute when we inspect the icon element. Did you manage to remove the attribute? If not, you can try this code in the functions.php file.

    function ava_custom_script() { 
    	?>
    	<script>
    		(function($) {
    			$(document).ready(function() {
    				$('#top .av_font_icon. a').removeAttr('aria-hidden');
    			});	
    		}(jQuery)); 
    	</script>
    	<?php
    }
    add_action('wp_footer', 'ava_custom_script');

    Please make sure to purge the cache before testing the page.

    Best regards,
    Ismael

    Hi,

    Thank you for the update.

    If you prefer not to utilize the default file compression settings provided by the theme, we recommend using plugins like Autoptimize or BWP Minify for file compression. Alternatively, you can also make use of the built-in file compression settings offered by popular cache plugins such as WP Rocket and WP Super Cache. Both options will effectively compress your files.

    And other options:

    // https://wordpress.org/plugins/wp-super-minify/
    // https://wordpress.org/plugins/fast-velocity-minify/

    Best regards,
    Ismael

    in reply to: Change the sort order of Masonry Elements #1412022

    Hey zimbo,

    Thank you for the inquiry.

    You can wrap the query changes within a conditional function like the is_page function. The following code, for instance, will modify the query only when the page’s ID is 123.

    add_filter('avia_masonry_entries_query', 'avia_masonry_custom_query');
    
    function avia_masonry_custom_query( $query ) {
    	if( is_page(123) )
    	{
    		$query['meta_key'] = 'display_order';	
    		$query['orderby'] = 'meta_value_num';
    		$query['order'] = 'ASC';
    	}
    
    	return $query;
    }

    Make sure to replace the is_page value with the actual ID of the Events page. You can also use an array of page IDs in the is_page function. For more details about the conditional function, please check the documentation below.

    // https://developer.wordpress.org/reference/functions/is_page/

    Best regards,
    Ismael

Viewing 30 posts - 7,921 through 7,950 (of 67,457 total)