Forum Replies Created

Viewing 30 posts - 151 through 180 (of 66,608 total)
  • Author
    Posts
  • in reply to: Color setting Logo Area Heading #1489300

    Hi!

    If you need to adjust the color of the search icon as well, include the following css code.

    #top #header .av-main-nav > li > a > svg:first-child, #top #wrap_all .header_color .cart_dropdown_first .cart_dropdown_link.avia-svg-icon svg:first-child {
        fill: #006ab5;
        stroke: #006ab5;
    }

    Best regards,
    Ismael

    in reply to: Color setting Logo Area Heading #1489299

    Hi!

    Thank you for the info.

    We adjusted the code in the Quick CSS field a bit. Please make sure to purge the cache before checking the page.

    Screenshot-2025-09-17-at-11-29-46-AM

    Regards,
    Ismael

    in reply to: stretched images on mobile view #1489297

    Hi,

    Thank you for the info.

    You can try this css code to adjust the height of the slider on smaller screens.

    @media only screen and (max-width: 767px) {
    
      /* Add your Mobile Styles here */
      #top #wrap_all .av-k5zwtv35-b503e223437d26141b6108faf533b96b .avia-slideshow-inner {
        height: 80vh !important;
      }
    
      #top #wrap_all .av-k5zwtv35-b503e223437d26141b6108faf533b96b .avia-slideshow-inner li,
      #top #wrap_all .av-k5zwtv35-b503e223437d26141b6108faf533b96b .avia-slideshow-inner li div,
      #top #wrap_all .av-k5zwtv35-b503e223437d26141b6108faf533b96b .avia-slideshow-inner li div img {
        height: 100%;
        object-fit: cover;
      }
    }

    Result:

    Screenshot-2025-09-17-at-11-18-28-AM

    Best regards,
    Ismael

    in reply to: Layerslider text box right margin #1489295

    Hey fanlokbun,

    Thank you for the inquiry.

    In the Layer Settings, go to Style > Size & Position, then click the Position to Horizontal Center and Position to Vertical Center buttons, as shown in the screenshot below.

    Screenshot-2025-09-17-at-11-07-08-AM

    Best regards,
    Ismael

    in reply to: Advanced Styling Not Saving on Child Theme on Staging Site #1489294

    Hi,

    Thank you for the update.

    It seems to be working correctly in the staging site. We set the button border radius from 20px to 30px.

    Screenshot-2025-09-17-at-10-59-32-AM

    Please make sure to purge the cache before checking the page. It’s also recommended to temporarily disable file compression settings while editing the site.

    We also created a test page. (see private field)

    Best regards,
    Ismael

    in reply to: Theme Update #1489292

    Hey Darren Harlow,

    Thank you for the inquiry.

    You will need the purchase code or access to the account where the license is registered. Since the installation contains a very old version of the theme, you’ll need to download the latest version (7.1.2) from your ThemeForest account and update the theme manually via FTP. Please check this documentation for more info.

    https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp

    Once the theme is updated to the latest version, you’ll be able to upgrade it automatically from the dashboard. To enable this, you’ll need to register a private token: https://kriesi.at/documentation/enfold/theme-registration/#register-my-theme

    We recommend creating a site backup or cloning the site to a different domain, perform the update there, fix any issues before transferring it to the live site.

    Let us know if you need more info.

    Best regards,
    Ismael

    in reply to: avia-head-scripts #1489291

    Hey Stefan,

    Thank you for the inquiry.

    You can enable the Enfold > Performance > Delete old CSS and JS files? option to automatically delete these files. This option is located at the very bottom of the Performance panel. If the files persist, you can manually delete them (make sure to create a backup first), then resave the theme options to regenerate the dynamic scripts and stylesheets.

    You can also disable the file compression settings in Enfold and instead enable the compression option in your caching plugin, or install a dedicated optimization plugin such as Autoptimize or BWP Minify.

    Hope this helps.

    Best regards,
    Ismael

    in reply to: stretched images on mobile view #1489290

    Hey bemodesign,

    Thank you for the inquiry.

    We may need to view the site to properly inspect the issue. Please create a test page, then provide the login details in the private field.

    Best regards,
    Ismael

    in reply to: Sorting Posts Differently on Different Pages #1489268

    Hi,

    Thank you for the update.

    Try to add this code to the functions.php file to sort items on the blog page by modified date and on the songs page by published date:

    function ava_pre_get_posts_mod($query) {
        if (!is_admin() && $query->is_main_query()) {
            if (is_page(1230)) {
                $query->set('orderby', 'date');
                $query->set('order', 'DESC');
            }
    
            if (is_page(574)) {
                $query->set('orderby', 'modified'); 
                $query->set('order', 'ASC');
            }
        }
    }
    add_action('pre_get_posts', 'ava_pre_get_posts_mod');
    
    

    Best regards,
    Ismael

    in reply to: Conflict with WP Carrousel (solved) #1489267

    Hi,

    Thank you for the update.

    Have you tried adding titles to the images in Media > Library? Looks like you’re using a third-party slider plugin to display the images. For additional info, please reach out to the plugin developers.

    Best regards,
    Ismael

    in reply to: external Widget #1489266

    Hey SikoraEDV,

    Thank you for the inquiry.

    We may need to inspect the page to properly check the issue. Please create a test page with the embed code or widget, then provide the site URL in the private field.

    Best regards,
    Ismael

    in reply to: Advanced Styling Not Saving on Child Theme on Staging Site #1489265

    Hey classywebsites,

    Thank you for the inquiry.

    The changes made to Advanced Styling seem to be working correctly. We configured the H1 element in the Advanced Styling panel and created a test page using the Special Heading element. We also temporarily disabled the file compression settings. Please check the private field.

    Best regards,
    Ismael

    in reply to: Assistance with Timeline on Our Services Page #1489240

    Hi,

    You’re quite welcome! Let us know if you have more questions. Have a nice day.

    Best regards,
    Ismael

    in reply to: name visible on .scroll-down-link #1489239

    Hi,

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

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Color setting Logo Area Heading #1489238

    Hi,

    Thank you for the update.

    It seems to be working when applied directly in the browser. Please make sure you copied the code correctly, or provide the login details in the private field so we can check it.

    Screenshot-2025-09-15-at-11-32-25-AM

    Best regards,
    Ismael

    in reply to: Conflict with WP Carrousel (solved) #1489236

    Hey koomo,

    Thank you for the inquiry.

    Please add this css code to adjust the position of the overlay inside the carousel.

    .swiper-slide span.image-overlay.overlay-type-image {
        left: 0 !important;
        top: 0 !important;
    }

    Best regards,
    Ismael

    in reply to: Assistance with Timeline on Our Services Page #1489235

    Hi,

    Thank you for the inquiry.

    Try to add this css code to adjust the spacing around the timeline container:

    .avia-timeline-container {
        position: relative;
        padding: 0 10px;
    }

    Let us know the result.

    Best regards,
    Ismael

    in reply to: Color setting (“Construction” demo) #1489180

    Hi,

    For the follow-up inquiries, please continue here: https://kriesi.at/support/topic/color-setting-logo-area-heading/

    Best regards,
    Ismael

    in reply to: Color setting Logo Area Heading #1489179

    Hey schub1981,

    Thank you for the inquiry.

    We may need to inspect the elements on your site in order to provide an appropriate solution. Please provide the site URL in the private field. Have you tried adjusting the color options in the Enfold > General Styling > Logo Area tab?

    In the meantime, to adjust the color of the burger menu icon on mobile view, try to use the following css code:

    @media only screen and (max-width: 767px) {
    
      /* Add your Mobile Styles here */
      .header_color .av-hamburger-inner,
      .header_color .av-hamburger-inner::before,
      .header_color .av-hamburger-inner::after {
        background-color: #da2727;
      }
    
      .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet,
      .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner,
      .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before,
      .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
        background-color: #da2727;
      }
    }
    

    Best regards,
    Ismael

    in reply to: Add Trip Advisor to Social Profiles #1489178

    Hi,

    You’re quite welcome! 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: Margins for masonry grid loading delay on mobile #1489177

    Hi,

    Thank you for the inquiry.

    The masonry element seems to be loading correctly on our end. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, ImgBB, PostImages, or Dropbox to upload and share the screenshot.

    www-maartenwebsites-nl-dev-regenboog-agenda-i-Pad-Air

    Best regards,
    Ismael

    in reply to: Angled areas in the “Creative” one page demo theme #1489176

    Hey ckrizman,

    Thank you for the inquiry.

    There is no built-in option for this by default, but you can adjust the svg divider position using css. For example, you can use the following code to move the top divider 50px upward and the bottom divider 100px downward:

    .avia_transform .av-extra-border-element.border-extra-diagonal {
        height: 250px;
        margin-top: -100px;
    }
    
    .avia-divider-svg.avia-divider-svg-tilt.avia-divider-svg-top.avia-flipped-svg.avia-to-front.avia-svg-original {
        margin-top: -50px;
    }

    Best regards,
    Ismael

    in reply to: portfolio image sizing #1489175

    Hey dweddell,

    Thank you for the inquiry.

    The image displayed in the grid items is actually 495x400px, but the items must be resized based on the container’s maximum width, which also affects the rendered size of the images.

    For single portfolio pages, try to add the following code to the functions.php file to use the original (full-size) version of the portfolio featured image:

    add_action( 'init', 'ava_set_image_size_for_single_portfolio' );
    
    function ava_set_image_size_for_single_portfolio() {
        if ( is_singular( 'portfolio' ) ) {
            global $avia_config;
            $avia_config['size'] = 'full';
        }
    }

    Best regards,
    Ismael

    in reply to: name visible on .scroll-down-link #1489155

    Hi,

    Thank you for the update.

    Try to add this code to the functions.php file to include a < title > element inside the scroll-down svg image.

    add_action( 'wp_footer', 'ava_script_mod', 9999 );
    function ava_script_mod() {
        ?>
        <script type="text/javascript">
        jQuery(document).ready(function($) {
            $('.scroll-down-link svg').each(function () {
                $(this).find('title').remove();
    
                $(this).prepend('<title>Scroll down</title>');
            });
        });
        </script>
        <?php
    }

    Let us know the result.

    Best regards,
    Ismael

    in reply to: Website soft brick #1489151

    Hi,

    Thank you for the inquiry.

    Most of the color styling options are located under Enfold > General Styling. You can check the preview to see which element a specific field controls. If you can’t find the correct setting there, you can also edit the element in the Advanced Layout Builder and adjust the color options in the Styling tab.

    To adjust the color of the phone number, please add this code in the Quick CSS field:

    #top .header_color .phone-info a {
        color: #ffffff;
    }

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

    Let us know the result.

    Best regards,
    Ismael

    in reply to: No Logo in Header and a title instead #1489149

    Hi,

    Thank you for the update.

    We’re not that familiar with iPad or iOS apps, but the following application seems to be a good choice that includes vector editing.

    https://concepts.app/en/

    You can also try Affinity Photo or Pixelmator.

    Hope that helps.

    Best regards,
    Ismael

    in reply to: Add Trip Advisor to Social Profiles #1489148

    Hi,

    Thank you for the update.

    We modified the avf_social_icons_options filter a bit and moved it around line 64 of the functions.php file. We also added the social icon in the Enfold > Social Profiles panel. Please make sure to purge the cache before checking the page.

    Screenshot-2025-09-11-at-10-31-50-AM
    image host
    Best regards,
    Ismael

    in reply to: Sticky menu on mobile for one-page website #1489117

    Hi,

    Great! Glad to know that you’ve managed to sort this one out. Please feel free to open another thread if you have more questions.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Sorting Posts Differently on Different Pages #1489079

    Hey tonyska,

    Thank you for the inquiry.

    Which blog layout (Grid, Small, Multi-author, List etc.) did you select? If it’s set to Grid Layout, you should be able to use the avia_post_slide_query filter to adjust the sorting of the items and utilize conditional functions to apply different sorting for specific pages or templates.

    Example:

    add_filter('avia_post_slide_query', 'avia_post_slide_query_mod');
    function avia_post_slide_query_mod($query) {
        if (is_page(123)) {
            $query['orderby'] = 'menu_order';
            $query['order'] = 'ASC';
        }
        elseif (is_home()) {
            $query['orderby'] = 'date';
            $query['order'] = 'DESC';
        }
    
        return $query;
    }
    

    Replace 123 with the actual ID of the song page.

    Each song is a blog post, and I organized them on my songs page by posting excerpts in order.

    How do you post excerpts in a specific order?

    Best regards,
    Ismael

    in reply to: name visible on .scroll-down-link #1489078

    Hi!

    Thank you for the inquiry.

    Looks like the report is referring to the scroll-down link. Please create a test page and provide the link in the private field so we can check the slider element further — screenshots will also help.

    Best regards,
    Ismael

Viewing 30 posts - 151 through 180 (of 66,608 total)