Forum Replies Created

Viewing 30 posts - 13,561 through 13,590 (of 65,725 total)
  • Author
    Posts
  • in reply to: Different logo for different pages possibility? #1294308

    Hi,

    Thank you for the update.

    Looks like you have already done what you are trying to do — the menu on the front page is already white, and it is black on other pages. Do you need anything else?

    You can use this css code to change the color of the menu to white on every page, except the front page.

    body:not(.home) .header_color .main_menu ul:first-child > li > a {
       color: #000000;
    }

    Best regards,
    Ismael

    in reply to: Broken Design #1294305

    Hi,

    Alright. Please feel free to open a new thread should the issue arise. We will close this one for now.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Modal Pop Up Window on Mobiles #1294304

    Hi,

    No problem! Glad to know that it is working, and thank you for the kind words.

    Will the issue be fixed in the next release?

    The theme does not actually allow opening of inline content in its default lightbox implementation, so this falls under custom modifications. Please keep the script in the functions.php file.

    Best regards,
    Ismael.

    Hi,

    Thank you for the update.

    1.) You have to create more css media queries to adjust the style of the logo on mobile view, or to apply the previous css code on larger screens only. Example.

    @media only screen and (min-width: 989px) {
       .av-logo-container .logo {
          left: 50%;
          transform: translateX(-50%);
       }
    }

    This should apply the changes only on screens wider than 989px.

    2.) For the header effect, try to use this script in the functions.php file to toggle the header class attribute on scroll.

    function ava_header_on_scroll(){
    	?>
    	<script>
     (function($) {
        $(window).on("scroll", function() {
            if($(window).scrollTop() < 50) { 
              $("#header").removeClass("with-background");
            } else {
              $("#header").addClass("with-background");
            }
        });
    })(jQuery);
    	</script>
    	<?php
    }
    add_action('wp_footer', 'ava_header_on_scroll');
    

    Then use this css code to apply the black background.

    #header.with-background {
        background-color: #000000 !important;
    }
    

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

    in reply to: Update not working #1294261

    Hi,

    Thank you for the info.

    What are the original sizes of the image in the partner/logo element? You may need to remove the items and add them again, make sure that the original size is selected instead of the thumbnail. (see private field)

    Best regards,
    Ismael

    in reply to: Enfold child theme appearance not showing well #1294258

    Hi,

    Thank you for your patience.

    We just noticed that the Enfold > Privacy & Cookie > Cookie Handling > Cookie Consent Message is enabled in the EN version, and the Default Cookie Behavior is set to the third option, which means that external services including Google Fonts will not load unless the user opt in or enable it manually.

    We disabled the privacy & cookie options temporarily, but if you want to enable it back and make sure that the fonts are available automatically on page load, you have to set the Default Cookie Behavior to the first or second option.

    Best regards,
    Ismael

    Hi,

    Thank you for the update.

    The Full Content option is intended for posts created using the default editor and again, content made with the advance layout builder should not be showing in the blog overview page, so there is a template issue somewhere. Temporary fix is to disable the full content option and just show the posts summary in the blog overview page.

    Best regards,
    Ismael

    in reply to: launch lightbox gallery from a button #1294253

    Hi,

    No problem! Please feel free to open a new thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Sizes thumbs #1294252

    Hey Lidia,

    Thank you for the inquiry.

    You can actually delete all thumbnails because the theme or WordPress will just automatically fallback to the original image, but this is not recommended because it will affect the site performance. We cannot really say which thumbnails to remove because we have no idea which elements are actually added in the site.

    If you want to know how to remove or unregister a certain thumbnail, please check the following link.

    // https://kriesi.at/support/topic/media-upload-and-enfolds-thumbnail-sizes/#post-1271808

    Best regards,
    Ismael

    in reply to: Masonry Blog not as expected #1294251

    Hi,

    Thank you for the update.

    Since you are using the layout builder, you will have to manually add the summary in the Excerpt box for each post. If the box is not available in the post editor, click the Screen Options in the top right corner of the dashboard, then tick the Excerpt checkbox.

    Best regards,
    Ismael

    in reply to: Blog posts, magazine and magination #1294249

    Hey Telmore,

    Thank you for the inquiry.

    You can use the following css code to adjust the style of the pagination.

    #top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {
        float: left;
        height: 50px;
        width: 50px;
        line-height: 50px;
        text-align: center;
        padding: 0;
        border-radius: 100px;
        margin-right: 10px;
        box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
    }
    
    #top .pagination .pagination-meta {
        line-height: 50px;
    }
    
    .main_color .pagination a {
        background-color: red;
        color: white;
    }

    What do you mean by “fixed”? Please provide a screenshot of the hero image issue in the magazine element. You can use imgur or dropbox for the screenshot.

    Best regards,
    Ismael

    in reply to: Font family on mobile menu #1294248

    Hi,

    Thank you for the update.

    This is how we see the page on our end.

    Screenshot: https://imgur.com/o3TjTGO

    Is that how it supposed to look? The font gothamrounder-mediumitalic seems to be loading properly.

    Request URL: http://dev.site.nl/wp-content/uploads/avia_fonts/type_fonts/gothamrounded-mediumitalic/gothamrounded-mediumitalic.ttf
    Request Method: GET
    Status Code: 200 OK (from memory cache)
    Remote Address: IP ADDRESS
    Referrer Policy: strict-origin-when-cross-origin

    Best regards,
    Ismael

    Hey AlexR,

    Thank you for the inquiry.

    Have you tried doing a page redirect to transfer the user from the actual category page to a custom one? You can use either of the following plugins to automatically redirect a URL to another.

    // https://wordpress.org/plugins/eps-301-redirects/
    // https://wordpress.org/plugins/redirection/

    The more difficult solution is to modify the archive.php file manually.

    To enable the read more link for the category pages, you can add this filter in the functions.php file.

    function ava_change_blog_archive_style() {	
    	global $avia_config;
    	if(!is_single()){ $avia_config['blog_content'] = "excerpt_read_more"; }
    }
    add_action('get_header', 'ava_change_blog_archive_style');
    

    Best regards,
    Ismael

    in reply to: Fonts viewer #1294243

    Hi,

    Nice idea @Guenni007. We will forward it to our channel. Thanks.

    Best regards,
    Ismael

    in reply to: Probleme with anchor #1294241

    Hi,

    Thank you for the update.

    The theme automatically assign or pick a specific thumbnail for any specific element in the builder, for the blog element that is the entry_with_sidebar (845x321px) thumbnail, and the masonry (705x705px) thumbnail for the masonry element. However, that can be adjusted by selecting a different thumbnail in the element’s Styling > Appearance > Preview Image Size settings.

    To further optimize the site’s loading speed, you can follow the instructions provided in the following articles.

    // https://gtmetrix.com/wordpress-optimization-guide.html
    // https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow

    Best regards,
    Ismael

    in reply to: Tab Section on Mobile #1294086

    Hey davead,

    Thank you for the inquiry.

    The next tabs will only display when the user clicked on the very last visible tab, but if necessary, we could adjust the width of the tab titles with css to show the hidden tab titles partially, letting the user know that there are more tabs.

    .av-inner-tab-title, .av-tab-section-icon, .av-tab-arrow-container, .av-tab-section-image {
        width: 70px;
    }
    

    And add this css code to align the title to the left instead of center.

    .av-tab-section-tab-title-container {
        text-align: left;
    }
    

    Move the css inside this css media query if you want to only apply them on mobile view.

    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
    
    }
    

    Best regards,
    Ismael

    in reply to: HTML Table scrollable #1294082

    Hi,

    Thank you for the update.

    You can use this css code to make the toggle content scrollable.

    .togglecontainer .toggle_content {
        overflow: scroll;
    }

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

    Best regards,
    Ismael

    Hey JoStudioDeRijp,

    Thank you for the inquiry.

    Yes, you can use anchors to open a tab from another tab. Example:

    <a href="http://site.com/sample-page/#tab-id-1"> Open Tab 1</a>
    

    The link above should open the first tab.

    Best regards,
    Ismael

    Hi,

    Thank you for the update.

    As we stated on the previous thread, the modification there will only work properly on a single level sub menu.

    This should open the sub menu on tab focus and hide it back after focusing out on the very last menu item in the list. This should work properly on items with single sub menu, but not on items with multiple levels of child menu items.

    // https://kriesi.at/support/topic/accessibility-issues-with-main-nav-leaves-us-sites-in-danger-of-lawsuits/#post-1226327

    What happens when you remove this block of code?

    sublist.find('li:last-child').on('focusout', function () {
    							sublist.stop().animate({ opacity: 0 }, function () {
    								sublist.css({ visibility: 'hidden' });
    							});
    						});
    

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings after changing the file.

    Best regards,
    Ismael

    in reply to: Wrong menu item highlited #1294034

    Hey KeesKaas,

    Thank you for the inquiry.

    You have to apply the ID or the destination anchor to an actual color section instead of the special heading element, which is deeply nested in the containers. Add a color section, move the content inside it, then place the ID to the Advanced > Developer Settings > Custom ID Attribute field.

    Best regards,
    Ismael

    in reply to: Archive settings – How to change #1294031

    Hi,

    Thank you for the info.

    We have found a lot of unused themes in the /lamp0/web/vhosts/default/htdocs/wp-content/themes/ folder. Is that the correct directory? Would you mind removing the themes that you are not planning to use and leave Enfold and its child theme? If it is a multisite, then it’s fine.

    Looks like the page per posts option is now working, we set it to 6, but the pagination is still not showing. It shows back only after we disabled the filter in the functions.php file.

    //add_filter('avia_post_slide_query', 'lili_post_slide_query', 10, 2);
    

    Best regards,
    Ismael

    in reply to: CLS (Content Layout Shift) Troubleshooting help please #1294026

    Hi,

    Thank you for the update.

    According to the gtmetrix tool, the biggest contributor to layout shift is the main container, which is odd because there is nothing dynamically added to that container by default, until we noticed the google ad sections and the mashsb-box sharing section in your home page. The ad sections are dynamically created using scripts, which is causing huge layout shifts. Temporarily disabling those ads should lower the layout shift by significant amount.

    Did you add those ads just recently? The last time we checked, the CLS score is 0.001 and the ads sections are not there.

    Best regards,
    Ismael

    in reply to: Problem after updating to 4.8 Portfolio Grid – CPT #1294024

    Hey akelly7,

    Thank you for the inquiry.

    The items display back when we disable the post type dropdown or selection in the portfolio grid element. But it displays the default posts instead of the custom post type funds.

    // add_theme_support('add_avia_builder_post_type_option');
    // add_theme_support('avia_template_builder_custom_post_type_grid');
    

    Have you tried using the Blog Posts element instead? The portfolio grid element is not really intended to be used for different post types other than the portfolio items.

    Best regards,
    Ismael

    Hi,

    Thank you for your patience.

    The color of the masonry title and caption is set to white, which is the same as the background, so it is not visible. The parent container is also hidden with css. To change the text color and display the parent container back, we used this css in the Quick CSS field.

    .main_color .container .av-inner-masonry-content, #top .main_color .container .av-masonry-load-more, #top .main_color .container .av-masonry-sort, .main_color .container .av-masonry-entry .avia-arrow {
        background-color: #ffffff;
        color: #000000 !important;
    }
    
    .responsive .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content {
        display: block;
    }

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings and do a hard refresh before checking the page.

    Best regards,
    Ismael

    in reply to: Column link not working with anchors #1294019

    Hi,

    Thank you for the update.

    We are not yet sure why this is not working in your installation, but we noticed these errors in the browser console, which might be causing the issue with the column links.

    js?v=3.44&client=google-maps-pro&language=en&region=PH&libraries=places,visualization,geometry,search:115 InvalidValueError: invalid style element type: label
    js?v=3.44&client=google-maps-pro&language=en&region=PH&libraries=places,visualization,geometry,search:115 InvalidValueError: invalid style element type: label
    

    It seems to be related to the map. Did you install a map plugin?

    Best regards,
    Ismael

    Hi,

    Thank you for the info.

    We will forward the issue to our channel. Temporary solution is to set the columns to have an equal height, or apply the negative top margin to the color section containing the columns instead.

    Best regards,
    Ismael

    in reply to: Make sticky each heading row of a table #1294016

    Hi,

    Thank you for the update.

    According to this stackoverflow thread, the sticky position will only work if the element is not nested deep in the DOM and that the parent containers do not have the overflow:hidden property.

    // https://stackoverflow.com/questions/43707076/how-does-the-position-sticky-property-work

    You might have to place the table inside a color section and make sure that the parent containers do not have the overflow property, but it might still not work since the heading row is still nested deep in the document tree.

    Best regards,
    Ismael

    in reply to: Broken Design #1294015

    Hi,

    Thank you for the inquiry.

    We are not really sure what happened there and we will not know unless it happens again so that we can inspect it. As @Rikard observed, it is possible that there are invalid or unnecessary css, scripts or markup that should not be there, but remains because of the caching. We are not really sure about your server, but Nginx can be configured to cache static content such as images, js and css files.

    Let us know if the issue occurs again.

    Best regards,
    Ismael

    in reply to: Define font of Caption Title in Fullwidth Easy Slider #1294014

    Hey KoolDD,

    Thank you for the inquiry.

    The font-family should not contain the font-weight, the thickness of the font has to be declared separately.

    // https://www.w3schools.com/cssref/pr_font_font-family.asp
    // https://www.w3schools.com/cssref/pr_font_weight.asp

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

    Best regards,
    Ismael

    in reply to: Change link color #1294011

    Hi,

    Thank you for the update.

    The color of the links in the main content is still set to #2d5c88 when we checked the css in the browser inspector. Please try to disable the minification settings temporarily and purge the cache.

    Best regards,
    Ismael

Viewing 30 posts - 13,561 through 13,590 (of 65,725 total)