allthough i set the right font and ID it does not show the right name and does not show the social icon

So how to have new social icons via media library?

function avia_add_custom_icons($icons){
  $icons['bluesky'] =  array( 'font' =>'svg_wp-media-library', 'icon' => '1787', 'display_name' => 'Bluesky SVG');
    return $icons;
  }
add_filter('avf_default_icons','avia_add_custom_icons', 10, 1);

Edit: now i see your comment with the name that $icons[‘bluesky’] inside the bracket has to be the file name of the icon!
And: and my mistaken – the display_name is only for the hover style – and not for that drop-down list in Soziales Symbol list.

________

Next: On the ALB Element Share Buttons – if we do not want the standard ( set on Options: Blog Layout ) but to set it manually in the ALB (Use a custom set). The new icon is not in there.

function avia_add_social_share_link_arguments($args){
    $bluesky = array('bluesky' => array("encode" => true, "encode_urls" => false, "pattern" => "https://www.bluesky.com/", 'label' => __("Share on bluesky", 'avia_framework')));
    $args = array_merge($bluesky, $args);  
    return $args;
}
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);

so maybe a similar (or the same ) filter inside social_share.php would be nice to have. And inserting the above will do the job twice

• This reply was modified 1 month ago by Guenni007.

Ismael, I had a chat with Chatgpt and we came up with this code.

// Voegt een custom calender icoon aan een data veld
 function ava_custom_calendar_icon_script() {
    ?>
    <style>
        .custom-date-wrapper {
            position: relative;
            display: inline-block;
            width: 100%;
        }

        .custom-date-wrapper input[type="date"] {
            width: 100%;
            padding-right: 40px; /* ruimte voor het icoon */
            position: relative;
            z-index: 2;
            background-color: #fff;
        }

        .custom-date-wrapper::after {
            content: "📅";
            position: absolute;
            right: 12px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
            font-size: 20px;
            color: #888;
            z-index: 3;
        }
    </style>

    <script>
        function addCalendarIconToDateInputs(context = document) {
            context.querySelectorAll('input[type="date"]:not(.calendar-styled)').forEach(function (input) {
                if (input.closest('.custom-date-wrapper')) return;

                var wrapper = document.createElement('span');
                wrapper.className = 'custom-date-wrapper';

                input.classList.add('calendar-styled');

                input.parentNode.insertBefore(wrapper, input);
                wrapper.appendChild(input);
            });
        }

        document.addEventListener('DOMContentLoaded', function () {
            addCalendarIconToDateInputs();

            // Contact Form 7 AJAX support
            document.addEventListener('wpcf7invalid', function (event) {
                addCalendarIconToDateInputs(event.target);
            });
            document.addEventListener('wpcf7submit', function (event) {
                addCalendarIconToDateInputs(event.target);
            });

            // Extra: hoogte instellen voor mobile
            if (window.matchMedia("(max-width: 768px)").matches) {
                document.querySelectorAll('input[type="date"]').forEach(function(input) {
                    input.style.height = '40px';
                    input.style.lineHeight = '40px'; // mooi gecentreerd
                });
            }
        });
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_calendar_icon_script', 9999); 

For now the height is the same as my other fields, and I have a calendar icon on my iphone.
The width of the field doens’t seem adapable.

• This reply was modified 1 month ago by Chris mssn.

Hi Ismael, thanks for your support.

Where did you add the code?

In the child’s functions.php file, as you indicated.

The Appearance > Theme File Editor is not accessible.

This hosting provider doesn’t enable it automatically, but I made a change and it is now active, as shown in the image where the inserted code is also highlighted.

Regards.

Hi Rikard,
Sorry about the logging-in issue. There’s a problem with one of the plugins and it was messing with getting into wp-admin. Anyway, it’s now working.
As for deactivating all of the plugins, that I did. It resolved the problem with a couple of bad plugins, but not the issue of the icon (bottom right corner up arrow):
PHP Deprecated: Function avia_font_manager::frontend_icon is deprecated since version 7.0! Use Use avia_font_manager::get_frontend_icon instead instead. in /home/hivconfe/public_html/wp-includes/functions.php on line 6121

I deactivated the Child styles and that didn’t resolve anything either.

I had gone into the wp-config file and turned debug to “true” to see what are the existing issues. It’s still turned on. I can turn it off if you advise.

• This reply was modified 1 month, 1 week ago by laptophobo.

This is probably the most basic site we would ever have, as it is a staging development site. We don’t have even a quarter of the functionality added in yet. Other than disabling Comments and Temporary Login, there is only one other plugin, GeoDirectory, and we have disabled that several time, trying to diagnose this. This site does not really get any more basic. I will say that we generally would be on an earlier version (6.5.x or 6.7.x) of WordPress, but wanted to start this with nearly everything current. php is 8.1x

Hi Guenni007.
The code inserted according to your instructions in the child-theme functions.php obviously displays the title on all pages.

add_action(‘ava_after_main_title’, function() {
echo ‘<div class=”main_color my_title_container”>’;
echo ‘<h2 class=”page-title”>’. get_the_title() .'</h2>’;
echo ‘</div>’;
});

Is it possible to hide it on a page?