Viewing 30 results - 961 through 990 (of 106,446 total)
  • Author
    Search Results
  • #1488076

    Hi,
    The “Let’s Get Started” Button is in a text block element, it would be best to add a custom class or ID to the element to make this change.
    As is, a broad css font change may change things that you don’t want.
    If you can add the custom class:
    Screen Shot 2025 08 14 at 4.12.34 PM
    we can move forward, if not please tell us the font and add a admin login so we can help.

    Best regards,
    Mike

    #1488074

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .avia-content-slider .slide-meta time {
      display: none !important;
    }
    .slide-content .slide-meta .slide-meta-del {
    	display: none;
    }

    After applying the css, please clear your browser cache and check.
    Screen Shot 2025 08 14 at 3.50.23 PM

    Best regards,
    Mike

    #1488071

    Hi,
    To change the first line to a H1, you will need to install our plugin: Using special characters
    as seen in the error message and documentation:
    Screen Shot 2025 08 14 at 3.30.33 PM

    Best regards,
    Mike

    #1488069

    Thanks Rikard for your contribution, but I’m probably missing something.
    I create a new post with the Advanced Layout Editor.
    I add the title, some text, the featured image, and save.

    10

    The preview looks like this:

    11

    “You need to add all content manually to your posts while using the Layout Builder.” I’ve added the content, or is there something wrong with what I did?

    If I reopen the post, click “Default Editor,” and save, the preview looks like this:

    12

    13

    It’s the final result that changes.

    #1488064

    Hi Rikard,

    I use Polylang, I finally found a solution with this code in case it helps someone else:

    /**
    * Shortcode para mostrar un menú de WordPress
    */
    function rv_print_menu_shortcode( $atts ) {

    /**
    * Normalize
    *
    * Como medida de seguridad limpiamos los atributos
    * introducidos al escribir el Shortcode.
    */
    $atts = array_change_key_case( (array) $atts, CASE_LOWER );
    $atts = array_map( ‘sanitize_text_field’, $atts );

    /**
    * Atributtes
    *
    * A continuación guardamos los atributos en 2 variables
    */
    $menu_name = $atts[‘name’];
    $menu_class = $atts[‘class’];

    /**
    * Creamos la variable $menu_output que va a retornar todo
    * lo que conforma nuestro menú y llamamos a la función
    * de WordPress wp_nav_menu() y le pasamos como
    * parámetros nuestros atributos.
    */
    $menu_output = ‘<div class=”shortcode-menu”>’;

    $menu_output .= wp_nav_menu( array(
    ‘menu’ => esc_attr( $menu_name ),
    ‘menu_class’ => ‘menu ‘ . esc_attr( $menu_class ),
    ‘echo’ => false
    ) );

    $menu_output .= ‘</div>’;

    return $menu_output;

    }

    add_shortcode( ‘print-menu’, ‘rv_print_menu_shortcode’ );

    Then you add this with the name of your menu anywhere and it appears

    [print-menu name=”prueba”]

    I’ve created the different headers for desktop, tablet, and mobile, and now I’ll include them on the pages with a custom layout.

    That’s it, but I have a problem that might be simple, but I’m going crazy and can’t find the solution. The mobile text is centered, but I can’t get the world image and menu to be centered on the same line like desktop and tablet .

    Could you help me?

    Thank you very much in advance.

    BR,

    Antonio.

    #1488062
    icarogioiosi
    Participant

    Hello everyone.
    We’re using your “Lifestyle Blog Demo” (https://kriesi.at/themes/enfold-lifestyle-blog/) for a project.
    On laptops, post image previews are visible.
    00
    On smartphones, they aren’t displayed, either in portrait or landscape mode.
    01
    02
    What could be the cause?

    #1488059
    icarogioiosi
    Participant

    Hello everyone.
    We’re using your “Lifestyle Blog Demo” (https://kriesi.at/themes/enfold-lifestyle-blog/) for a project.
    When creating or editing a post, if I need to use the Advanced Layout Editor, the final result changes completely:
    – the photo isn’t displayed
    – the title has completely different formatting
    – the author, date, and category disappear
    00
    01
    02

    All this happens even if no changes are made.
    When I return to the default editor and save, the post returns to normal.
    And in any case, the editor isn’t the same as the one shown in the first image.
    03

    What could be the cause?

    #1488044

    Topic: Center content

    in forum Enfold
    c6dl1985
    Participant

    Hi support,

    I’m still in the setup phase of my site, but I’m struggling with centering my content.
    I would like the content area (text and images) to be centered on the page.

    I attached a screenshot for clarification.

    photo1

    photo2

    I’ve also tried to play with the elements, but not succeeded.
    Could you advise me on the best way to achieve this in Enfold?

    Thanks in advance!

    • This topic was modified 7 months, 3 weeks ago by c6dl1985.
    #1488028

    Hey imagestudios,

    Please try this CSS instead:

    .avia-content-slider .slide-meta time {
      display: none;
    }

    Best regards,
    Rikard

    #1487998
    bemodesign
    Participant

    Can you get me CSS code to adjust Caption Title “font size” and “Line Height”? I am trying to adjust all this on Mobile view, so that it fits on all phones. Suggestions? I am trying to make the blue headline line height less, and maybe make it smaller on mobile only. Here is the current html I am using for this headline: <strong style=”font-size: 140%;”>Future-Proof Your Business<br> <span style=”color: #04aef7;”>Web Design & GEO AI SEO</span>

    screenshot: https://img.savvyify.com/image/IMG-748587C9C75D-1.yyQrK

    https://bemodesign.com/

    #1487990

    Hi envatojlc,

    You can do that under Enfold->Advanced Styling. Look for the linked image overlay option.

    Best regards,
    Rikard

    #1487984

    Hello,

    How can I remove the animation (blue circle with arrow) on Avia Layout Builder images?

    Thank you.

    #1487981

    Thanks Ismael.
    I was able to add the custom post type, and ALB is working with it. What is missing is the Layout feature that you see for Pages, Posts and Portfolio Items. See shared screenshots for examples of what is needed for the Layout feature box that I need. I also sent an image of what CPT UI needs to add it to the custom post type.

    #1487970

    Topic: Menu changes color

    in forum Enfold
    95mc
    Participant

    Hello,

    The burger menu in non transparent menu changes color below 990px width.
    Also, it seems strange, as if the content is tucked under the header. (see attached images)
    Can you help me?

    Thanks in advance.

    BR,

    Antonio

    • This topic was modified 7 months, 3 weeks ago by 95mc.
    #1487957

    Hey Antonio,

    Thank you for the inquiry.

    Try to add a 1/3 column element alongside a 2/3 column element. In the 1/3 column, insert three Button elements. Set each Button Link manually, and enter #1, #2, and #3 in the link fields respectively. In the 2/3 column, add an Easy Slider with three images and make sure the dots navigation is enabled. After that, add the following script in the functions.php file to trigger the dots navigation when a Button element is clicked.

    add_action( 'wp_footer', 'av_custom_script', 100 );
    function av_custom_script() {
        ?>
        <script>
        // trigger slider dots
        jQuery(document).ready(function($) {
            $('.avia-button').on('click', function(e) {
                var targetHref = $(this).attr('href');
                if (targetHref && targetHref.startsWith('#')) {
                    var slideDot = $('.goto-slide[href="' + targetHref + '"]');
                    if (slideDot.length) {
                        e.preventDefault();
                        slideDot.trigger('click');
                    }
                }
            });
        });
        </script>
        <?php
    }

    Let us know the result.

    Best regards,
    Ismael

    #1487955
    amollde
    Participant

    Hi Experts,

    I checked my homepage now with the keyboard capabilities for the WCAG Compliance, and I stumble over a hidden picture used presumable by aour code:

    <html lang=”de” class=”html_stretched responsive av-preloader-disabled html_header_top html_logo_left html_main_nav_header html_menu_right html_slim html_header_sticky_disabled html_header_shrinking_disabled html_header_transparency html_mobile_menu_tablet html_header_searchicon_disabled html_content_align_center html_header_unstick_top html_header_stretch html_elegant-blog html_burger_menu html_av-overlay-side html_av-overlay-side-minimal html_av-submenu-noclone html_entry_id_1037 av-cookies-consent-show-message-bar av-cookies-cookie-consent-enabled av-cookies-needs-opt-in av-cookies-user-needs-accept-button avia-cookie-consent-modal-show-immediately avia-cookie-reload-no-accept avia-cookie-reload-accept avia-cookie-check-browser-settings av-no-preview av-default-lightbox html_burger_menu_active av-cookies-session-refused avia_desktop js_active avia_transform avia_transform3d avia-mozilla avia-mozilla-141 no-touch-device pointer-device-fine pointer-device-coarse html_av-submenu-visible” style=”margin-left: 380px;”><head><meta charset=”UTF-8″><meta name=”robots” content=”index, follow”>
    <!– mobile setting–>
    <meta name=”viewport” content=”width=device-width, initial-scale=1″>
    <!– Scripts/CSS and wp_head hook–>
    <title>
    Name of the Website
    </title><meta name=”robots” content=”max-image-preview:large”><style>
    img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }
    </style><script type=”text/javascript”>

    When using the Tab Key on the homepage, it jumps to the accessibility settings first (thats fine) and then as third jumps into the header at the language setting, but this is hidden (and if WP accessibility plugin is used, it cannot circle it, too) so it looks like the Tab is going to nowhere.

    #1487928

    Hi,
    Try adding this css and change the image URL to a darker one that will show better in the white non transparency header:

    #top #header_meta li.lang-item {
        padding-left: 30px;
    }
    
    #top #header_meta li.lang-item:before {
        content: url(https://39897976.servicio-online.net/wp-content/uploads/2025/07/mundo-3.png);
        position: absolute;
        left: 0;
        top: -5px;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1487905

    ok – but it will work as i described above if you use relative url to your video – and do not enter a fallback image.
    Then the css.

    #1487902

    Thank you. I made a 500 x 10 pixel jpg filled with white and used it as my fallback image and that fixed it. Thank you.
    Chris

    #1487882
    95mc
    Participant

    Hello,

    We’re redesigning a website with Enfold, and our client asked us to do this (attached page).
    The idea is that when you click on the basement or floors button, the image changes, as does the bottom content. How can we do this?

    Thanks in advance.

    BR,

    Antonio

    #1487879

    I think this symbol appears when an image or file cannot be found.

    Edit : now i have inspected your page with dev tools – my pages with full-width easyslider and video inside as list item – looks totaly different to your DOM.

    I got this <div id="mep_0" … container inside <div data-rel="slideshow-1" class="avia-slide-wrap " ….with all the video instructions inside

    Ah ok : this seems to be a matter if the inserted url is a relative url and not an absolute url.
    by the way it seem to be the only way to show the video on iPhones by relative urls – but than a message is shown : av-fallback-message if there is no fallback image.

    so try: let there be the relative url to your video – do not enter a fallback image and:

    #top .av-fallback-message,
    #top .av-fallback-message + img {
      display: none !important;
    }

    or if you do not like to use the Sibling Combinator :

    #top .av-fallback-message {
      display: none !important;
    }
    .avia-slideshow li img[src*="undefined"] {
      display: none !important;
    }
    #1487863

    In reply to: Iconbox Icon Smaller

    Hi,
    Try changing the height and font size to suit:
    Screen Shot 2025 08 11 at 5.52.34 PM

    Best regards,
    Mike

    #1487853

    Here is a screenshot from my iphone.
    https://img.savvyify.com/image/IMG-4818.yyiLL
    Thanks!
    Chris

    #1487842

    Hi,

    I dont see any changes in checkout. It must looks like sk domain: https://img.savvyify.com/image/2025-07-30-07-55-14-SSK.yy4aO

    Beside this, homepage on test.stoporex.cz is broken.

    Regards

    #1487835

    Hey Rikard,

    thank you for the quick reply.

    But:
    The “Flexible Masonry” works, but the “Perfect Grid” and “Perfect Automatic Masonry” options don’t display any images. What could be wrong?

    Best regards,
    Andreas

    #1487834

    In reply to: Text around images

    But you know that you do not have to do that by inserting code to text-block element?

    Place your text-block element – and open it. – Insert your text. After that put the cursor (1) to that place where you like to insert the image.
    Click (2) on “Add Media”.

    Now it opens the media-library in a popup. Choose your image (3) and set the properties on the right (4). You see here the already the alignment and the lightbox option (link to media file).
    Now press “insert into page” button.

    You will see now a preview. You can pull now one edge of the image to make it bigger.

    if you like to change some settings on that image – click on the image – you can see now an icon bar on top. Click that pencil button to have another popup.

    and

    #1487824

    Hi,

    Yes, both the background image and the overlay image contribute to the LCP. While the report flags the background image as the main culprit, any unoptimized images or content on the page can affect loading speed and directly impact the LCP.

    Currently, home_backround-keil-mobile.svg is still quite large for mobile view at 96 KB. We recommend either removing it completely from the #av_section_7 section or removing the duplicates of this section completely, keeping only one version for both mobile and desktop views.

    Please note that images in these sections still affect the page’s performance, even if they are hidden on mobile view. The minified resources generated by the plugin WPFC also affect the page rendering. Try temporarily disabling the plugin and make sure the Enfold > Performance > File Compression settings are disabled as well.

    Let us know if this makes any difference.

    Best regards,
    Ismael

    #1487816

    Hi,
    Are you using a sticky header?
    If it is showing it will not scroll more. Try disabling this:
    Screen Shot 2025 08 10 at 2.33.00 PM
    If you want to use the sticky header, then once the menu shows the link has done it’s job.

    Best regards,
    Mike

    #1487802

    In reply to: Text around images

    Hi,

    Is there a way to enlarge the image to its original size by clicking on it?

    Do you mean to open the image in a lightbox?
    Try this:

    <a class="av-float-right" href="/test.jpg" data-rel="lightbox">
    <img class="av-float-right lightbox-added" src="/test.jpg" alt="Description" />
    </a>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget pulvinar libero. Aliquam fringilla, sapien ut viverra pharetra, augue mauris tincidunt mauris, et semper ipsum quam sit amet leo. Cras commodo non nisl eget eleifend. In hac habitasse platea dictumst. Nullam bibendum diam eu venenatis iaculis. Integer at mi libero. Ut quis purus non urna pharetra consequat semper vitae purus. Morbi ultrices interdum mauris, quis posuere dolor aliquam ut. Duis turpis erat, suscipit et ex vel, commodo volutpat risus. Suspendisse sit amet laoreet lectus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

    Change the test.jpg to suit and use the same css:

    .av-float-right {
       float: right;
       margin: 10px;
       max-width: 242px; 
    }

    result:
    Screen Shot 2025 08 10 at 8.56.57 AM
    and after click of the image it opens in a lightbox:
    Screen Shot 2025 08 10 at 8.58.25 AM

    Best regards,
    Mike

    #1487801

    Hey mnydish,
    It looks like you have already:
    set the box to RGB 27 45 102
    Round the corners on the box
    And add an icon above the heading
    Screen Shot 2025 08 10 at 7.10.45 AM
    I find no Mega Menu on your site.

    Best regards,
    Mike

Viewing 30 results - 961 through 990 (of 106,446 total)