Forum Replies Created

Viewing 30 posts - 10,801 through 10,830 (of 67,443 total)
  • Author
    Posts
  • in reply to: image occupancy to background image #1351101

    Hi,

    Thank you for the update.

    Are you trying to adjust the transparency of the column or white box inside the color section? If so, try to use this css code.

    .flex_column.av-108grrem-76ae30a0ceddffa30f69c2e92f0b6dcb {
        padding: 25px 25px 0 25px;
        background-color: rgba(255,255,255,0.5);
    }
    

    Otherwise, please provide a screenshot of the changes that you would like to do using imgur, savvyify or dropbox. Thanks!

    Best regards,
    Ismael

    in reply to: Porfolio #1351100

    Hey mavlab,

    Thank you for the inquiry.

    1.) You can use this css code to adjust the font size of the category sort.

    #js_sort_items .sort_by_cat a {
        font-size: 16px;
    }
    

    2.) To remove the portfolio grid image overlay, add this css code.

    .grid-entry .image-overlay {
        display: none !important;
    }

    Best regards,
    Ismael

    in reply to: Problems with shortcode for Product Slider #1351099

    Hi,

    Thank you for the inquiry.

    We cannot reproduce the same issue on our installation. As you can see in the screenshot below, the product slider have the correct class names.

    Screenshot: https://1drv.ms/u/s!AjjTfXSRbKTvwGWIch5pswFxUe_9?e=pZ0VzL

    Are you using other product extensions that might affect the slider?

    Best regards,
    Ismael

    in reply to: Woocommerce webhooks stopped by Enfold #1351098

    Hi,

    Thank you for the update.

    You can move your own custom hooks inside the avia_woocommerce_new_hooks_mod function that we provided above. Place the code in the functions.php file. This should override the default template hooks in the theme.

    Best regards,
    Ismael

    in reply to: Problems with getting correct font weight #1351097

    Hey Scanmark,

    Thank you for the inquiry.

    The theme only supports the default variation or weight of the Monserrat font but it can be adjusted with a filter. To include the other font weights, try to use this code in the functions.php file.

    add_filter( 'avf_google_heading_font', 'avia_add_custom_heading_font');
    add_filter( 'avf_google_content_font', 'avia_add_custom_body_font');
    function avia_add_custom_heading_font($fonts)
    {
        $fonts['Montserrat New'] = 'Montserrat:300,600,800,900';
        return $fonts;
    }
    
    function avia_add_custom_body_font($fonts)
    {
        $fonts['Google fonts']['Montserrat New'] = 'Montserrat:300,600,800,900';
        return $fonts;
    }
    

    Make sure to select Montserrat New in the fonts settings.

    Related thread: https://kriesi.at/support/topic/google-fonts-11/#post-1025744

    Best regards,
    Ismael

    Hi!

    Thank you for your patience.

    Looks like you are using the Advance Layout Builder for the product. The variation image switch should work properly when using the classic editor which will load the default product template containing the original product gallery. Please make sure to set the Enfold > Shop Options > Product gallery settings to the second option (Woocommerce 3.0 product gallery).

    Cheers!
    Ismael

    in reply to: Custom SVG not owkring #1350999

    Hi,

    Alrighty then! Please let us know if you have more questions regarding the theme.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Unanswered queries #1350997

    Hey Silvio,

    Thank you for your patience.

    We replied in the following threads.

    // https://kriesi.at/support/topic/next-prev-in-shop-showing-all-categories/
    // https://kriesi.at/support/topic/woocommerce-webhooks-stopped-by-enfold/

    Best regards,
    Ismael

    in reply to: Avia layout builder with a few custom post types #1350994

    Hi,

    Glad to know that you have found a working solution. Please feel free to open another thread if you have more questions regarding the theme.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: HTML in Excerpt with Masonry Element #1350993

    Hi,


    @InSilentio
    : Please kindly try the filter that @Guenni007 provided above. Let us know if it helps.

    Best regards,
    Ismael

    in reply to: Breadcrumbs do not read in full on mobile version #1350992

    Hey C,

    Thank you for the inquiry.

    Where can we see the issue? Please post the site URL in the private field so that we can check the breadcrumbs. You might be able to limit the post title by using this filter in the functions.php file.

    function avf_max_title_length( $title ) {
    	$max = 70;
    
    	if( strlen( $title ) > $max ) {
    		return substr( $title, 0, $max ) . "…";
    	} else {
    		return $title;
    	}
    }
    add_filter( 'the_title', 'avf_max_title_length');
    

    Related thread: https://kriesi.at/support/topic/breadcrumb-length/#post-1222529

    Best regards,
    Ismael

    in reply to: Sticky header covers content of destination anchor #1350991

    Hi,

    Thank you for your patience.

    On Firefox, the scroll position is correct on initial load and when you do a hard refresh, which means that the script only fires correctly when you actually refresh the page. Firefox doesn’t seem to automatically refresh the page when you try to access it again by pressing the ENTER or RETURN key in the URL field. You have to do a hard refresh manually. On Chrome, this always works because the browser always refreshes the page automatically when you try to access the page again using the browser URL field. Scrolling also works correctly when you try to access the section using the anchor links at the very bottom of the page.

    We modified the filter in the functions.php file a bit to adjust the offset on firefox browser but again this will only work on Firefox if the page is actually refreshed.

    function avf_header_setting_filter_mod($header) {
    	$offset = strpos($_SERVER['HTTP_USER_AGENT'], "Firefox") === false ? 50 : 75;
    
    	if( ! wp_is_mobile() ) {
    		$header['header_scroll_offset'] = $header['header_scroll_offset'] + $offset;
    	}
    	return $header;
    }
    add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 9999, 1);
    

    Best regards,
    Ismael

    in reply to: Shortcodes woocommerce (solved) #1350987

    Hi,

    We found some builder shortcodes when we edited the product page. The builder shortcodes are wrapping the actual add to-cart and product shortcodes, which prevents them from rendering correctly. We removed the theme shortcodes and leave the product shortcodes.

    Best regards,
    Ismael

    in reply to: layer sldier #1350986

    Hi,

    We will forward this thread to our channel and hopefully include the latest version of the layer slider in the next patch.

    Best regards,
    Ismael

    in reply to: Next/Prev in shop showing all categories #1350985

    Hey Silvio,

    Thank you for the inquiry.

    You can try this code in the functions.php file to limit the post or product navigation to the same category, but it might not work as expected if the products belong to multiple categories. It works best if the products have a single category.

    function avf_post_nav_settings_mod($settings)
    {
    	if($settings['type'] == 'product')
    	{
    		$settings['taxonomy'] = "product_cat";
    		$settings['same_category'] = true;
    	}
    
        return $settings;
    }
    add_filter( 'avf_post_nav_settings', 'avf_post_nav_settings_mod', 10, 2); 
    

    Best regards,
    Ismael

    in reply to: Post Slider Arrow and Dots #1350984

    Hey navindesigns,

    Thank you for the inquiry.

    1.) Try to use this css code to adjust appearance of the slider navigation.

    .avia-content-slider, .avia-content-slider-inner {
        overflow: visible;
    }
    
    #top .avia-content-slider .avia-slideshow-arrows .prev-slide {
        margin-left: -100px;
    }
    
    #top .avia-content-slider .avia-slideshow-arrows .next-slide {
        margin-right: -100px;
    }
    
    .avia-slideshow-arrows a:before {
        background: transparent;
        color: orange !important
    }
    

    2. Unfortunately, you cannot add the dot navigation to the post slider without modifying the postslider.php file.

    Best regards,
    Ismael

    in reply to: Woocommerce webhooks stopped by Enfold #1350983

    Hey Silvio,

    Thank you for the inquiry.

    Where are you testing this modification? Please provide the site URL in the private field so that we can check the changes.

    You may need to wrap the hooks inside the woocommerce_before_single_product hook to override the modifications made by the theme.

    add_action('woocommerce_before_single_product', 'avia_woocommerce_new_hooks_mod');
    function avia_woocommerce_new_hooks_mod() {
    	// your hooks here
    }
    
    

    You can find the plugin configuration in the enfold > config-woocommerce > config.php file.

    Best regards,
    Ismael

    Hi,

    The favicon is now displaying correctly on mobile view. Please check the screenshot below, taken from an iPhone 12 simulator.

    Screenshot: https://1drv.ms/u/s!AjjTfXSRbKTvwGSNOSiu2cxmwHYJ?e=jdbtFg

    Best regards,
    Ismael

    in reply to: Change responsive behavior collumns #1350981

    Hi,

    Thank you for the update.

    In your page above, every rows contain a total of 3 columns and has its own parent container. Unfortunately this parent container prevents us from breaking the rows into two columns because it is not possible to move the first column in the next row beside the third column in the first row.

    You may need to create a different set of rows or columns on mobile view with a completely different settings and use the Advanced > Screen Options panel to adjust the elements’ visibility on different screen sizes.

    Best regards,
    Ismael

    Hey!

    Thank you for your patience.

    Did you set your Instagram account to be private? We tried to view your Instagram account directly but it just redirects to a login page, which might mean that the account or profile is not public, or Instagram now requires users to login in order to see any profile. We might have to adjust the Instagram widget if that is the case.

    // https://help.instagram.com/448523408565555

    Have you tried using the Smash Balloon version of the Instagram widget?

    // https://kriesi.at/documentation/enfold/instagram/#enfold-instagram-smash-balloon-widget-and-element

    Regards,
    Ismael

    in reply to: layerslider timeout #1350769

    Hi,

    UPDATE: Looks like the function page.goto is from a library called Puppeteer, which is not used by the theme. We don’t see the error in the browser console.

    // https://devdocs.io/puppeteer/

    Best regards,
    Ismael

    in reply to: layerslider timeout #1350768

    Hi,

    Thank you for the screenshots.

    We have checked the theme files including the layer slider but we didn’t find any scripts using the page.goto function. Have you tried to disable the plugins temporarily?

    Best regards,
    Ismael

    in reply to: Replace Preloader #1350763

    Hi,

    Glad to know that this is working. Aside from the duplicated css media query and its position in the Quick CSS field, the css code above looks correct. We adjusted the css code a bit, moved the css media query at the very bottom and corrected the css format.

    
    #top .av_minimal_header #header_main {
      border: 1px solid rgba(0, 0, 0, 0.1);
    }
    
    svg#Layer_1 {
      max-width: 100%;
    }
    
    body.woocommerce-checkout .woocommerce form .form-row .optional {
      display: none;
    }
    
    #top .av-siteloader {
      display: none !important;
    }
    
    @media only screen and (max-width:767px) {
      .responsive .shop_table .product-quantity {
        display: block !important;
        max-width: 83px;
      }
    
      .responsive .shop_table .product-quantity input[type=”button”] {
        display: none !important;
      }
    
      .logo, .logo a, .logo img {
        max-height: 50px !important;
      }
    
      .responsive .mobile_slide_out .logo img {
        margin-left: 0px !important;
      }
    }
    

    Please feel free to open another thread if you have more questions about the theme.

    Best regards,
    Ismael

    in reply to: Shortcodes woocommerce (solved) #1350761

    Hi,

    Thank you for the login info.

    We removed the text and code block shortcodes from the editor and leave the product shortcodes. The add to cart form and cart button are now displaying correctly.

    Best regards,
    Ismael

    in reply to: Button instead of price at Product List element #1350760

    Hi,

    Thank you for the screenshot.

    You can use this css code to hide the catalogue price and replace it with a button.

    .av-catalogue-price.av-cart-update-price * {
        display: none;
    }
    
    .av-catalogue-price.av-cart-update-price:before {
        content: "View Training";
        color: #000000;
        background: #ebebeb;
        padding: 10px 13px !important;
        top: 10px;
        position: relative;
        border-radius: 3px;
        font-size: 13px;
    }

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

    Best regards,
    Ismael

    in reply to: set anchor in page #1350758

    Hi,

    i think it doesnt really work so good with the lists.

    What do you mean? Have you tried separating the elements or content using the Color Section element? You have to apply the ID attribute to the color section element in the Advanced > Developer Settings panel.

    Best regards,
    Ismael

    in reply to: layer sldier #1350748

    Hey Christian,

    Thank you for the inquiry.

    Are you referring to these reports?

    // https://patchstack.com/database/vulnerability/layerslider/wordpress-layerslider-premium-plugin-7-1-1-stored-cross-site-scripting-xss-vulnerability
    // https://vuldb.com/?id.198499

    According to the reports, the vulnerability has been patched on version 7.1.2. The theme contains a later version of the plugin, 7.1.3.

    Best regards,
    Ismael

    in reply to: Position portfolio item in the grid #1350747

    Hi,

    This layout should be possible but it will require some adjustments on different screen sizes using css media queries. You can start with this css code.

    @media only screen and (min-width: 989px) {
      .avia-fullwidth-portfolio .grid-entry .inner-entry {
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
      }
    
      .avia-fullwidth-portfolio .grid-entry {
        padding: 3%;
        min-height: 381px !important;
      }
    }

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    in reply to: Still space between columns, should be "0" #1350746

    Hi,

    Thank you for the login token.

    We disabled the WP Fastest Cache plugin temporarily and adjusted the code in the Quick CSS field a bit. We also moved the css media query at the very bottom of the field.

    @media only screen and (max-width: 1024px) {
    
      /* Add your Mobile Styles here */
      #top .flex_column_table.av-equal-height-column-flextable.av-u5u78n-c836e3659f0f04d47a7b622aad8c8982, #top .flex_column_table.av-equal-height-column-flextable.av-6f1ivr-25460d7e21f710622c5afd65b03cb0a3, #top .flex_column_table.av-equal-height-column-flextable.av-6kzfhz-b170adae3eaae60661b403f9eaea26bb, #top .flex_column_table.av-equal-height-column-flextable.av-aq85pj-4e5e1a4480911c5ae992b53c39db1e5e, #top .flex_column_table.av-equal-height-column-flextable.av-kal2af-9f6b3946e13f262c3a4866e793e7b6c6, #top .flex_column_table.av-equal-height-column-flextable.av-kal2af-9852955e6ed6f8236017db0517695e0b, #top .flex_column_table.av-equal-height-column-flextable.av-aq85pj-cc0d57d70973fb97fd3d575c63048b9e, #top .flex_column_table.av-equal-height-column-flextable.av-6kzfhz-8105bb8566dbb446162dde51238fefb1, #top .flex_column_table.av-equal-height-column-flextable.av-6f1ivr-05e6ff33094764f8f2d74f0d8921c9ef {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
      }
    }
    
    

    Please make sure to remove the browser history before checking the page.

    Best regards,
    Ismael

    in reply to: Layer Slider? #1350745

    Hi,

    Thank you for the update.

    Did you try to select the “Full width” option in the Project Settings > Layout panel? It is probably set to the “Hero” option currently, which is why it is inheriting the height of the browser viewport. And please note that 800px is a bit tall for most screen resolutions and the slider will probably end up extending below the fold and users may have to scroll down a bit in order to see the whole slider. You may need to decrease the height if you want the slider to be fully visible above the fold.

    Best regards,
    Ismael

Viewing 30 posts - 10,801 through 10,830 (of 67,443 total)