Forum Replies Created

Viewing 30 posts - 421 through 450 (of 34,797 total)
  • Author
    Posts
  • in reply to: ACF with Accordion element? #1484627

    Hey Jason,
    Thanks for your patience, in the title when you see [av_dynamic_el this looks like the ACF code with the “{” mark is braking the ALB element shortcode, I tested without the ACF code in the title field in the first link below and the ACF code for the answer in the content field which worked. Below the accordion panel I tested both ACF codes which also worked:
    Screen Shot 2025 05 24 at 5.25.03 PM
    I don’t know the cause for this, but I found that the ACF code could be used in the title if the element shortcode is not used, but use the element HTML instead. See link 2 below:
    Screen Shot 2025 05 24 at 5.30.00 PM
    frontend:
    Screen Shot 2025 05 24 at 5.35.53 PM

    Best regards,
    Mike

    in reply to: Grid row stacking order on mobile #1484625

    Hey dpcram,
    These settings are working on my demo site, please include an admin login in the Private Content area so we can examine your page.

    Best regards,
    Mike

    in reply to: remove post #1484624

    Hey J,
    Done.

    Best regards,
    Mike

    Hi,
    1:

    @media only screen and (max-width: 767px) { 
    #top #header .phone-info {
    	padding-top: 0;
    }
    #menu-item-1413 a {
    	padding-bottom: 0;
    }
    #avia2-menu {
    	line-height: 10px;
    }
    }

    2:

    @media only screen and (max-width: 767px) { 
    #top #wrap_all .social_bookmarks li a {
      line-height: 30px!important; 
      min-height: 30px!important; 
      font-size: 30px!important; 
      }
      
      #top #wrap_all .social_bookmarks li {
      height: 30px!important; 
      width: 50px!important; 
      }
      
      #top #wrap_all .social_bookmarks {
          height: 35px!important;
      }
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Scroll to Top Button /// mobile #1484618

    Hey Sven,
    It has always been hidden on screens smaller than 767px to save space, it is not specific to landscape or portrait, it is only that some mobile devices happen to be larger than 767px in landscape mode. To show on all screens try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) {
        .responsive #scroll-top-link {
            display: block;
        }
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Magazine type size is way too big. #1484616

    Hi,
    To have a smaller font size for the magazine titles, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #wrap_all .all_colors h3.av-magazine-title {
    	font-size: 12px;
    }

    adjust to suit and clear your browser cache
    Screen Shot 2025 05 24 at 1.34.01 PM

    Best regards,
    Mike

    in reply to: Paypal Button code changes #1484614

    Hi,
    Thank you for your patience, when I test your snippet above I find that the quotes have been converted to curly quotes which break the code.
    If I correct them first, they work correctly in the code block element:
    Screen Shot 2025 05 24 at 12.25.29 PM
    Screen Shot 2025 05 24 at 12.41.37 PM
    when using a code snippet like this the code block element is the correct element to use because the PayPal snippet is calling a function from the PayPal site which will run in the backend editor where you don’t want it to. The visual mode of the text editor will run the code, but the code block element will not.
    If you really want to use the text block element, then use the code tab and do not switch to the visual tab. Here I show that this works, in the code tab you see the code and the preview shows the button:
    Screen Shot 2025 05 24 at 12.52.08 PM
    at this point click “save” and not the visual tab and the button is shown in the editor, which means that WordPress is running the code in the text element in the backend.
    Now you can update the page and view the frontend:
    Screen Shot 2025 05 24 at 12.57.48 PM
    This is the corrected code snippet that I used:

    <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
    <input type="hidden" name="cmd" value="_s-xclick" />
    <input type="hidden" name="hosted_button_id" value="H87UB2HDHP3GS" />
    <table>
    <tr>
    <td>
    <input type="hidden" name="on0" value="Options for Brondanw & Nantclwyd only"/>
    Options for Brondanw & Nantclwyd only
    </td>
    </tr>
    <tr>
    <td>
    <select name="os0">
    <option value="Member">
    Member £17.00 GBP
    </option>
    <option value="Guest">
    Guest £19.00 GBP
    </option>
    <option value="2 Members">
    2 Members £34.00 GBP
    </option>
    <option value="1 Member + 1 Guest">
    1 Member + 1 Guest £36.00 GBP
    </option>
    <option value="Child under 16">
    Child under 16 £10.00 GBP
    </option>
    </select>
    </td>
    </tr>
    </table>
    <input type="hidden" name="currency_code" value="GBP" />
    <input type="image" src="https://www.paypalobjects.com/en_GB/i/btn/btn_cart_LG.gif" border="0" name="submit" title="PayPal – The safer, easier way to pay online!" alt="Add to Cart" />
    </form>

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    To prevent your code snippet from changing if you want to edit the text block element in the future, such as adding text around the button, we will create a shortcode for your button, by adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function paypal_button_shortcode() {
        ob_start(); ?>
        
        <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
            <input type="hidden" name="cmd" value="_s-xclick" />
            <input type="hidden" name="hosted_button_id" value="H87UB2HDHP3GS" />
            <table>
                <tr>
                    <td>
                        <input type="hidden" name="on0" value="Options for Brondanw & Nantclwyd only" />
                        Options for Brondanw & Nantclwyd only
                    </td>
                </tr>
                <tr>
                    <td>
                        <select name="os0">
                            <option value="Member">Member £17.00 GBP</option>
                            <option value="Guest">Guest £19.00 GBP</option>
                            <option value="2 Members">2 Members £34.00 GBP</option>
                            <option value="1 Member + 1 Guest">1 Member + 1 Guest £36.00 GBP</option>
                            <option value="Child under 16">Child under 16 £10.00 GBP</option>
                        </select>
                    </td>
                </tr>
            </table>
            <input type="hidden" name="currency_code" value="GBP" />
            <input type="image" src="https://www.paypalobjects.com/en_GB/i/btn/btn_cart_LG.gif" border="0" name="submit" title="PayPal – The safer, easier way to pay online!" alt="Add to Cart" />
        </form>
    
        <?php
        return ob_get_clean();
    }
    add_shortcode('paypal_button', 'paypal_button_shortcode');
    

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    Then in your text block element use this shortcode [paypal_button]
    Screen Shot 2025 05 24 at 1.16.48 PM
    in the backend you will only see the shorcode:
    Screen Shot 2025 05 24 at 1.16.48 PM
    and on the frontend the button shows:
    Screen Shot 2025 05 24 at 1.20.15 PM

    Best regards,
    Mike

    in reply to: Double h1 on category pages #1484611

    Hey awasner,
    To change the title bar H1 for category pages to a different tag like H2 or p, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function my_custom_change_category_title_tag($args) {
        if (is_category()) {
            $args['heading'] = 'h2'; // Change title tag from h1 to h2 or any other tag like p
        }
        return $args;
    }
    add_filter('avf_title_args', 'my_custom_change_category_title_tag');

    To remove the title in the title bar for category pages, but still show the breadcrumbs, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function avf_header_setting_filter_mod($header_settings) {
      if ( is_category() || is_archive() ) { 
        $header_settings['header_title_bar'] = "breadcrumbs_only";
      }
      return $header_settings;
    }
    add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 50, 1);

    If you want to completely remove the title bar, both title and breadcrumbs use this function instead:

    function avf_header_setting_filter_mod($header_settings) {
      if ( is_category() || is_archive() ) { 
    	$header_settings['header_title_bar'] = "hidden_title_bar";
      }
      return $header_settings;
    }
    add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 50, 1);

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

    Best regards,
    Mike

    in reply to: Magazine type size is way too big. #1484547

    Hi,
    We will need to see your page so we can determe the css effecting your magazine font size.

    Best regards,
    Mike

    Hi,
    Glad we were able to help, I don’t know of other effects, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Paypal Button code changes #1484545

    Hi,
    Ok, you had said that you were pateing it into Word.
    If you are not then how you are copying it is adding the extra code, you will need to remove it, the theme is not adding this.

    Best regards,
    Mike

    Hi,
    #3: try unselecting “Unstick Topbar”
    Screen Shot 2025 05 21 at 6.20.27 PM

    Best regards,
    Mike

    Hi,
    Perhaps you didn’t see the css for the logo overlapping the buttons that I posted above:

    @media only screen and (max-width: 767px) { 
    #av_section_1 .container.av-section-cont-open,
    .page-id-910 #av-layout-grid-1 {
    	padding-top: 130px !important;
    }
    }

    Screen Shot 2025 05 18 at 8.55.34 AM
    it would be easier if you disabled the plugin that is blocking me from making changes

    Best regards,
    Mike

    in reply to: Paypal Button code changes #1484420

    Hey FFAlan,
    Try using a plain text editor like notepad, VScode, or notepad++, not Word.

    Best regards,
    Mike

    Hi,
    Same issue, the css is not corrected:
    Screen Shot 2025 05 18 at 8.51.08 AM
    I’m still blocked.

    Best regards,
    Mike

    in reply to: Burger sub-menu #1484415

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Gallery not serving .webp #1484414

    Hey envis,
    You should upload only the webp images and add them to the galleries and other elements. I tested this on the different galleries, masonry, featured images, color section background image, blog post element, ect. There is no need to upload two versions of each image, just use the webp format directly.
    Assuming that you are only uploading jpg images and then using a plugin to convert them to webp copies, you could add this code to the end of your child theme functions.php file in Appearance ▸ Editor to show the webp version if the file name and location is exactly the same, the draw back to this approach is that you have twice as many images on your server with only half being used. This also won’t rewrite CSS background images in external CSS files — only inline styles and HTML output, so if you are using CSS File Compression And Merging, or another caching plugin and have background images such as a background image in a color section or a masonry element it may not work. In my tests once I cleared the css and cache it worked for me except the gallery short code like [gallery link="file" columns="5" ids="4350,870,868,864,862"] the gallery and other elements did work.

    add_filter('wp_get_attachment_image_src', function($image, $attachment_id, $size) {
        $webp_path = preg_replace('/\.(jpe?g|png)$/i', '.webp', get_attached_file($attachment_id));
        $webp_url = preg_replace('/\.(jpe?g|png)$/i', '.webp', $image[0]);
    
        if (file_exists($webp_path)) {
            $image[0] = $webp_url;
        }
    
        return $image;
    }, 10, 3);
    //for background images
    // Replace image URLs with .webp if the .webp version exists
    function enfold_replace_with_webp($buffer) {
        // Replace src="...jpg|png" and url('...jpg|png') with .webp if available
        return preg_replace_callback(
            '/(?:src|url)\s*=\s*["\']([^"\']+\.(?:jpe?g|png))["\']|url\(\s*["\']?([^"\')]+\.(?:jpe?g|png))["\']?\s*\)/i',
            function($matches) {
                $original_url = $matches[1] ?: $matches[2];
                if (!$original_url) return $matches[0];
    
                $parsed_url = wp_parse_url($original_url);
                if (empty($parsed_url['path'])) return $matches[0];
    
                $img_path = $_SERVER['DOCUMENT_ROOT'] . $parsed_url['path'];
                $webp_path = preg_replace('/\.(jpe?g|png)$/i', '.webp', $img_path);
                $webp_url = preg_replace('/\.(jpe?g|png)$/i', '.webp', $original_url);
    
                if (file_exists($webp_path)) {
                    // Return updated string (preserving whether it was src= or url())
                    if ($matches[1]) {
                        return str_replace($original_url, $webp_url, $matches[0]);
                    } else {
                        return 'url("' . $webp_url . '")';
                    }
                }
    
                return $matches[0];
            },
            $buffer
        );
    }
    
    // Start output buffering early
    function enfold_start_webp_buffering() {
        ob_start('enfold_replace_with_webp');
    }
    add_action('template_redirect', 'enfold_start_webp_buffering');
    

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    Also note that your server media handling editor needs to also support webp files, mine is WP_Image_Editor_GD, which is default for WordPress:
    Screen Shot 2025 05 18 at 5.02.43 PM
    If you are not able to directly use the webp images in your elements, this could be the cause.

    Best regards,
    Mike

    Hi,
    The demo logos such as 386 & 385 are hard coded into the theme, there are no files to delete and you can not remove them without replacing them with yours. To replace them you should upload your logo via the upload option, or upload your logo into the media library and paste the file URL into the field.
    If you don’t want a logo at all, then upload a blank / transparent placeholder image into the field. Typically, people are fine with simply uploading a logo to replace the demo logos.

    Best regards,
    Mike

    in reply to: Scrolling banner of category images #1484410

    Hey holidayprint,
    Unfortunately, I can not think of a way to achieve this, my best advice would be to contact Codeable for help with this customization.

    Best regards,
    Mike

    in reply to: Magazine type size is way too big. #1484408

    Hi,
    Please see our documentation here and note: Step 4: Import parent theme options and note all steps, especially step 3: Go to Enfold Theme Options > Import/Export > Import Settings From Your Parent Theme and import
    Screen Shot 2025 05 18 at 2.18.48 PM

    Best regards,
    Mike

    in reply to: Header tweaks #1484402

    Hey bemodesign,
    duplicate thread, please see here instead.

    Best regards,
    Mike

    Hi,
    It looks like you forgot the semicolon after the width: 100%
    Screen Shot 2025 05 18 at 8.51.08 AM
    while I can see your site, I can’t make any changes, your plugin keeps blocking me and I answered the CAPTCHA six times and I’m still blocked.
    If you correct this, it should work like this:
    Screen Shot 2025 05 18 at 8.55.34 AM
    As for the other issue try adding this css:

    @media only screen and (max-width: 767px) { 
    #av_section_1 .container.av-section-cont-open,
    .page-id-910 #av-layout-grid-1 {
    	padding-top: 130px !important;
    }
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    Best regards,
    Mike

    in reply to: Google Analytics not being recorded #1484400

    Hi,
    Ok, I’m not sure what else the issue could be, when I check your site your Google cookie is being set for me in incognito, and if this is working for your other sites with the same target URL then I don’t know why it would not work for this one. It looks like your other sites are also using Enfold.
    I’m not a tracking expert, I was just pointing out what I have seen in the past with affiliates tring to track their clicks.
    Are you using the Google Tag Manager? For that I believe that you need to add a script into your header:

    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-WCML7X4');</script>
    <!-- End Google Tag Manager -->

    but perhaps this is something else, I don’t use it.

    Best regards,
    Mike

    in reply to: Burger sub-menu #1484399

    Hi,
    Unfortunately, I found that the mega menu column titles do not add the menu-item classes or the custom classes like the regular menu items
    Screen Shot 2025 05 18 at 7.38.36 AM
    Screen Shot 2025 05 18 at 7.41.32 AM
    After much research, I found no way to correct this, but I was able to add a unique custom class to each mega menu column title in your burger menu with this javascript:

    document.addEventListener('DOMContentLoaded', function () {
      const burger = document.querySelector('.av-burger-menu-main');
      let columnClassAdded = false;
    
      if (burger) {
        burger.addEventListener('click', function () {
         
          setTimeout(() => {
            if (columnClassAdded) return;
    
            const columnTitles = document.querySelectorAll('#av-burger-menu-ul li.av-width-submenu');
    
            columnTitles.forEach((el, index) => {
              el.classList.add('menu-column-title-' + (index + 1));
            });
    
            columnClassAdded = true;
          }, 100);
        });
      }
    });
    

    I added this to your WP Code plugin as a javascript snippet, it adds:
    menu-column-title-1 with the number changing for each title, since you currently have six of them it goes to menu-column-title-6
    with menu-column-title-1 = Collections and menu-column-title-6 = Being Seen.
    The css to make Erosion Stories of Paria Canyon blue I added this:

    #av-burger-menu-ul .menu-column-title-2 > a {
    	color: blue !important;
    }
    

    Screen Shot 2025 05 18 at 7.53.37 AM
    So using this structure you can style the mega menu column titles in the burger menu, and for the other menu items use the custom classes as above, note that you will need to add a greater-than symbol in your css, like this:

    #av-burger-menu-ul .gal > a {
    color: blue !important;
    }

    so the siblings also don’t change.
    Give this a try and let us know if you find any other issues.

    Best regards,
    Mike

    Hi,
    Unfortunately I can not make changes to your css as I get a notice that I have been blocked.
    So for #1 change this css:

    #top .logo {
      width: calc(100% - 170px);
      left: unset;
    }
    

    to this

    #top .logo {
      /*width: calc(100% - 170px);*/
    width: 100%;
      left: unset;
    }
    

    Please see if you can disable the plugin that is blocking us.
    Screen Shot 2025 05 17 at 5.47.48 PM

    Best regards,
    Mike

    in reply to: Scrolled telephone text colour #1484392

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

    #header.header_color:not(.av_header_transparency) .phone-info a {
    	color: #666666;
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: add author to blog post widget for grid layout #1484391

    Hi,
    When I test this snippet, it works for me on my site. Please ensure that you copied the code from the forum and not an email notification so the symbols are not converted.
    Then in the user profile make sure that the “Nickname” and the “Display name publicly as” is what you want to show:
    Screen Shot 2025 05 17 at 5.21.43 PM
    this is how it shows on my site
    Screen Shot 2025 05 17 at 5.23.06 PM
    I can not see your site as it requires a login.

    Best regards,
    Mike

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

    .avia-section .av-extra-border-element .av-extra-border-inner {
        border-top: solid 1px red;
    }

    adjust to suit.

    Best regards,
    Mike

    in reply to: Google Analytics not being recorded #1484388

    Hey Mark,
    Most browsers block cookies and scripts by default now with either built-in settings or with AD blockers, so you may not get your referrals correctly.
    One way around this would be to ask your advertisers to create a custom page for you to link to with a unique URL even if it was just a copy of their home page so any traffic going to this URL could give you credit.
    Another possibly is to use the plugin Track The Click which will track clicks as they occur on a WordPress website in real time. PrettyLinks is another plugin that will track the links on your site by creating custom out bound URLs and tracking each time they are clicked.
    With these plugins you can offer your advertisers reports for the traffic that you are sending them.

    Best regards,
    Mike

    in reply to: cURL error 28 #1484387

    Hi,
    Glad Rikard could help, shall we close this thread then? If you have future questions, you can always open a new thread.

    Best regards,
    Mike

Viewing 30 posts - 421 through 450 (of 34,797 total)