Forum Replies Created

Viewing 30 posts - 5,431 through 5,460 (of 67,469 total)
  • Author
    Posts
  • in reply to: Button #1439707

    Hey carmen,

    Thank you for the inquiry.

    Have you tried adjusting the height of the mobile-nav element?

    .mobile-nav {
        background: rgba(255,255,255,.01);
        position: fixed;
        bottom: 0;
        height: 45px;
        width: 140%;
        display: flex;
        justify-content: space-around;
    }
    

    Best regards,
    Ismael

    in reply to: portfolio.php with filter by id’s #1439703

    Hey Manel,

    Thank you for the inquiry.

    You have to register a new shortcode path to the child theme folder first. Please add the following code to the functions.php file:

    add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
    function avia_include_shortcode_template($paths)
    {
      $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
    
      return $paths;
    }

    Create a new folder called “shortcodes”, then place the template files that you’d like to override in it. For more info, please refer to the documentation below:”

    // // https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb

    Best regards,
    Ismael

    in reply to: Since update 5.7 error JS #1439702

    Hey oliviersia09,

    Thank you for the inquiry.

    It might be a caching issue. Please clone the site to a staging environment, update the theme to the latest version, then provide the login details in the private field so that we can check it properly.

    Best regards,
    Ismael

    Hi,

    You don’t really need to compress the images prior to uploading, but it will help a lot if you could resize the image to an optimal size before uploading them, for example, 1920x1080px. Resizing the images before uploading will result in smaller thumbnails in terms of file size. If you want to manually compress the images after resizing, please check the online tools that we linked above. You can test it first with the video thumbnail to see if you get a better result.

    Best regards,
    Ismael

    in reply to: Twitter X icon not showing on social header #1439632

    Hey santanin,

    Thank you for the inquiry.

    The data-av_icon attribute of the Twitter icon element is missing, which is why the icon is not visible. Please try to remove the Twitter icon from the Enfold > Social Profiles, save the theme options, then add the icon again.

    Best regards,
    Ismael

    in reply to: fade problem in hover #1439631

    Hi,

    No problem! Please feel free to open another thread if you have more questions.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Logo with Text Block #1439630

    Hi,

    Thank you for the update.

    Please add this code in the functions.php file:

    add_filter('avf_logo_subtext', 'avf_logo_subtext_mod');
    function avf_logo_subtext_mod($sub)
    {
        $sub .= '<div class="av-logo-subtext">';
            $sub .= '<h1>Text</h1>';
            $sub .= '<p>subtext</p>';
        $sub .= '</div>';
        return $sub;
    }

    Adjust the text and subtext as necessary, then include the following code in the Quick CSS field:

    #top .logo a {
        display: flex;
    }
    
    #top .logo .subtext {
        padding: 20px 5px;
    }
    
    #top .subtext .av-logo-subtext p {
        line-height: 1em;
    }

    Best regards,
    Ismael

    Hey elsmore01,

    Thank you for the inquiry.

    Is this how it’s supposed to work? I

    Yes, this is the default layout of the pricing table on mobile view. You can set the Styling > Table Styling > Table Purpose settings to the second option (Use the table to display tabular data) to display the table as it is, but vertically stacked.

    Best regards,
    Ismael

    in reply to: Demo Shop Import #1439628

    Hi,

    Thank you for the inquiry.

    You may need to import the demo by manually uploading the xml files. Please check the documentation below for more info:

    // https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo

    Best regards,
    Ismael

    in reply to: Main Menu drop down block width #1439627

    Hey woogie07,

    Thank you for the inquiry.

    You can add this css code to adjust the width of the submenu container:

    .av-main-nav ul {
        width: 248px;
    }

    Default width is 208px.

    Best regards,
    Ismael

    in reply to: WooCommerce Email Template #1439626

    Hey maxb130,

    Thank you for the inquiry.

    What sort of issues are you having with the plugins? You can edit or adjust the layout of the Order page by overriding the template files in the /plugins/woocommerce/templates/order folder. Please check the documentation below for more info:

    // https://woocommerce.com/document/template-structure/#overview

    Best regards,
    Ismael

    in reply to: Background gradient and progress bars – acting wonky #1439625

    Hi,

    Thank you for the update.

    If compression settings are already disabled, please try checking the compression or minification settings in your cache plugin and temporarily disable them. If the issue persists, kindly provide the login details in the private field so that we can check the issue further.

    Best regards,
    Ismael

    in reply to: Masonry not displaying cover pictures #1439624

    Hi,

    Thank you for the update.

    To adjust the order of the portfolio items, please follow the steps below:

    1.) Edit the Masonry element and set Content > Sorting > Order settings to Page Order.

    2.) Add this code to the functions.php file to enable the Order field for the portfolio items.

    /* Change portfolio post type settings */
    function avf_portfolio_cpt_args_mod($args) {
    	$args['supports'][] = 'page-attributes';
    	return $args;
    }
    add_filter('avf_portfolio_cpt_args', 'avf_portfolio_cpt_args_mod');
    

    3.) You can then manually adjust the order of the items in the grid by modifying the Order field of each portfolio items:

    // https://wordpress.com/support/pages/page-attributes/#access-page-attributes

    Best regards,
    Ismael

    in reply to: Enfold form theme – dark transparent styling #1439623

    Hi,

    Please include this css code to completely override the default dark style:

    #top div .av-dark-form .input-text, #top div .av-dark-form input[type="text"], #top div .av-dark-form input[type="input"], #top div .av-dark-form input[type="password"], #top div .av-dark-form input[type="email"], #top div .av-dark-form input[type="number"], #top div .av-dark-form input[type="url"], #top div .av-dark-form input[type="tel"], #top div .av-dark-form input[type="search"], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button {
        border-width: 1px !important;
    }

    Best regards,
    Ismael

    Hi,

    We just logged in to the site and noticed that the size of the fallback image (see private field) is overly large (4032x3024px), around 3MB. Even after compression, the size is still 551.97 KB, which is still large for an image of that size and aspect ratio. Please resize the image to around 1920x1080px, then upload it again. If you can run the image through an image compression tool before uploading, you should expect a much better result. Uploading a pre-compressed and resized image will result in thumbnails with much smaller file sizes.

    The file was compressed from 3.08 MB to 551.97 KB, saving 82.52 percent, using WP-Optimize
    

    Online image compression tools:

    // https://imagecompressor.com/
    // https://compressjpeg.com/

    Best regards,
    Ismael

    Hi,

    The site above is currently unavailable when we checked. It redirects to a default “Site Not Found” page hosted by Dreamhost. Is the site down? Please provide the login details in the private field so that we can do additional testing.

    Thank you for your patience.

    Best regards,
    Ismael

    in reply to: Enfold form theme – dark transparent styling #1439547

    Hi,

    Thank you for the update.

    Please include this css code to adjust the border width of the textarea or message field:

    #top .avia_ajax_form fieldset .text_area {
        border-width: 1px !important;
    }
    

    Best regards,
    Ismael

    Hey woogie07,

    Thank you for the inquiry.

    You can create custom sliders with multiple columns using the Content Slider element. The images and text have to be manually added to the slides, and you may need to adjust the style of the arrows to make them look more like the mockup.

    Best regards,
    Ismael

    in reply to: Logo with Text Block #1439545

    Hi,

    I have seen in the documentation how you can add a single line of text with logo using code in function.php

    Yes, that is correct. You can add a subtext to the logo using the avf_logo_final_output filter. Please refer to the documentation below for more info:

    // https://kriesi.at/documentation/enfold/logo/#text-logo-with-subtext

    Best regards,
    Ismael

    in reply to: Blog grid layout without excerpts #1439544

    Hi,

    Thank you for the inquiry.

    We adjusted the css code a bit. Please try using the code below:

    #top .slide-entry-excerpt {
        display: none !important;
    }
    

    Best regards,
    Ismael

    Hey 34oldcat29,

    Thank you for the inquiry.

    The post css file seems to be missing, which might be the reason why some elements are not rendering correctly. Please try toggling or temporarily disabling the Enfold > Performance > File Compression settings and then purge the cache. Let us know if this resolves the issue.

    Best regards,
    Ismael

    in reply to: Change Toggle Title in Accordion Feature to H3 #1439458

    Hi,


    @NicomIT
    : Yes, the toggles are now working as expected. Please feel free to open another thread if you have more questions.


    @Guenni007
    : Looks like the filter avf_customize_heading_settings is not available for the avia_sc_slider class. We’ll forward this to our channel.

    Best regards,
    Ismael

    in reply to: Renew a Licence Key to join support #1439457

    Hey Manel Roig,

    Thank you for the inquiry.

    The license for the theme should not expire; only the support license does. You can still update the theme using the private token. Please refer to the documentation below for more information:

    // https://kriesi.at/documentation/enfold/theme-update/
    // https://kriesi.at/archives/the-complete-guide-to-updating-enfold

    If you haven’t generated a private token yet, you can do so by following the instructions provided in the link below:

    // https://kriesi.at/documentation/enfold/theme-registration/#how-to-generate-a-envato-personal-token

    Best regards,
    Ismael

    in reply to: Updating theme causes layout issue on Home page only #1439456

    Hi,

    We saved the content of the home page as a template and applied it to another page. The page renders correctly when the section with the av_font_icon shortcodes is removed. Please check the links in the private field.

    You may need to delete the section and recreate it from scratch using the updated shortcode for the av_font_icon. Let us know if this helps.

    Best regards,
    Ismael

    in reply to: Masonry Portfolio Sort Options Spacing #1439455

    Hey Simijonovic,

    Thank you for the inquiry.

    You can add this css code to adjust the space between the sorting buttons:

    .av-masonry-sort a {
        margin-right: 4px;
        margin-left: 4px;
    }

    And to replace the slash with vertical bar or pipe, you can add this script in the functions.php file:

    function av_masonry_sort_separator() { ?>
        <script>
        window.addEventListener('DOMContentLoaded', function() {
            (function($){
                $('.av-masonry-sort .text-sep').each(function() {
                    var text = $(this).text();
                    $(this).text(text.replace('/', '|')); 
                });
            })(jQuery);
        });
      </script>
        <?php
      }
      add_action('wp_footer', 'av_masonry_sort_separator');

    Best regards,
    Ismael

    in reply to: Enfold form theme – dark transparent styling #1439454

    Hi,

    Thank you for the info.

    Have you checked the zoom settings of the browser on the other device? It’s possible that the browser is zoomed in, which could be making the text and headings appear larger. The font size of the heading tags is set to 1em.

    #top #wrap_all .av-inherit-size .av-special-heading-tag {
        font-size: 1em;
    }

    Best regards,
    Ismael

    in reply to: Mobile Display Issues #1439453

    Hi,

    Thank you for the info.

    The content is not displaying because the page is password-protected. Have you tried adjusting the Page > Summary > Visibility settings of the page?

    Best regards,
    Ismael

    Hi,

    Thank you for the update.

    Have you tried selecting a smaller version of the fallback image? You can also try disabling the fallback image, then adding this css code:

    .avia-video.av-lmimicjt-91daf7b4836eb5d08b70627ca6104059 {
      background-image: url(https://gatehealing.com/wp-content/uploads/Counseling-Austin-Office-Jonathan-F-Anderson-LPC-s-845x684.jpg);
    }

    You might want to adjust the size of 845×684 in the image URL to load a smaller version of the image.

    Best regards,
    Ismael

    in reply to: fade problem in hover #1439451

    Hey Yaphoon,

    Thank you for the inquiry.

    This css code should help fix the issue with the overlay:

    .grid-entry  .image-overlay {
        top: 0 !important;
    }

    Best regards,
    Ismael

    in reply to: portfolio category #1439450

    Hey Yaphoon,

    Thank you for the inquiry.

    You can use the same css code that we suggested in the previous thread (https://kriesi.at/support/topic/portfolio-category-page-style-changed/#post-1439049):

    .grid-content .avia-arrow, .tag .grid-content .avia-arrow {
        z-index: 10;
        border: none;
        top: -5px;
    }
    
    .grid-content .entry-content-header {
        z-index: 20;
        position: relative;
    }
    
    .grid-content {
        position: relative;
    }
    
    .grid-content .avia-arrow {
        border: none;
        top: -11px;
    }

    Best regards,
    Ismael

Viewing 30 posts - 5,431 through 5,460 (of 67,469 total)