Forum Replies Created

Viewing 30 posts - 3,121 through 3,150 (of 34,581 total)
  • Author
    Posts
  • in reply to: Change Doughnut Chart #1439304

    Hey marco593,
    Thank you for your patience, the following javascript will add the chart title to the center of the Doughnut Chart,
    Enfold_Support_5270.jpeg
    If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:
    Enfold_Support_2680.jpeg
    then add this code and save.

    function doughnut_chart_with_title_in_center() { ?>
      <script>
    document.addEventListener('DOMContentLoaded', function() {
        function waitForChartJs() {
            if (typeof Chart === 'undefined') {
                setTimeout(waitForChartJs, 50);
            } else {
                registerCenterTitlePlugin();
            }
        }
    
        function registerCenterTitlePlugin() {
            Chart.register({
                id: 'centerTitle',
                beforeInit: function(chart) {
                    // Dynamically hide the title and legend
                    const options = chart.options;
                    if (options.plugins) {
                        if (!options.plugins.title) {
                            options.plugins.title = {};
                        }
                        options.plugins.title.display = false; // Hide title
    
                        if (!options.plugins.legend) {
                            options.plugins.legend = {};
                        }
                        options.plugins.legend.display = false; // Hide legend
                    }
                },
                afterDraw: function(chart) {
                    if (chart.config.type === 'doughnut') {
                        const ctx = chart.ctx;
                        const width = chart.width;
                        const height = chart.height;
                        const fontSize = (height / 114).toFixed(2);
                        ctx.font = fontSize + "em sans-serif";
                        ctx.textBaseline = "middle";
                        ctx.textAlign = "center";
    
                        // Use existing title if set, otherwise use a default text
                        const text = chart.options.plugins.title.text || 'Your Title Here';
                        const textX = width / 2;
                        const textY = height / 2;
    
                        ctx.fillText(text, textX, textY);
                    }
                }
            });
        }
    
        waitForChartJs();
    });
    </script>
      <?php
    }
    add_action( 'wp_footer', 'doughnut_chart_with_title_in_center', 99 );

    This is the result:
    Enfold_Support_5272.jpeg

    Best regards,
    Mike

    in reply to: Iframe extends beyond edges #1439295

    Hey Stefan,
    I believe that you are referring to this button:
    Enfold_Support_5268.jpeg
    It seems to look correct to me, the orange arrow expands the button options and they also show in the center of the mobile screen.
    Perhaps a screenshot of what you see would help.

    Best regards,
    Mike

    in reply to: make the button in transparent square #1439293

    Hey Yaphoon,
    You could use a button element with the “Dark Transparent” option and disable the button border, then only the button text will show.
    You can also use the advanced options in the button element to set the hove color.

    Best regards,
    Mike

    in reply to: blog meta #1439268

    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: Menu Navigation #1439239

    Hey androklis,
    Try creating a second menu that has the full menu item url back to the homepage and use that menu on the other pages and use the menu with just the hash tags on the homepage.
    Then use this filter in your child theme functions.php to display the different menus:

    add_filter( 'wp_nav_menu_args', 'home_nav_menu_args' );
    function home_nav_menu_args( $args = '' ) {
    if($args['theme_location'] === 'avia') {
    if( is_page( 627 ) ) {
    $args['menu'] = '25';
    }
    return $args;
    }
    }
    
    add_filter( 'wp_nav_menu_args', 'other_nav_menu_args' );
    function other_nav_menu_args( $args = '' ) {
    if($args['theme_location'] === 'avia') {
    if( is_page( 3 ) ) {
    $args['menu'] = '24';
    }
    return $args;
    }
    }

    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: error on website being created by layerslider #1439237

    Hi,
    I tested your page with this script and it looks like the click is on the av-horizontal-gallery-next button, try disabling the Gallery Image Rotation.

    jQuery(document).on("click", "body,html", function(event) {
        console.log("Clicked Element:", event.target);
        console.log("Element Classes:", event.target.className);
        console.log("Element ID:", event.target.id);
        console.log("Element Tag Name:", event.target.tagName);
        console.log("Parent Elements:", getParentElements(event.target));
    });
    
    function getParentElements(element) {
        var parents = [];
        var currentElement = element.parentNode;
        while (currentElement !== null) {
            parents.push(currentElement);
            currentElement = currentElement.parentNode;
        }
        return parents;
    }
    

    Best regards,
    Mike

    in reply to: blog meta #1439234

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

    .html_elegant-blog #top .post-entry .blog-categories {
        display: inline;
        margin-left: 10px;
    }
    
    .html_elegant-blog #top .slide-content .slide-meta {
        display: inline;
    }

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

    Best regards,
    Mike

    in reply to: ok missing #1439233

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

    #main .avia-section {
    	  z-index: 2;
        position: relative;
    }

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

    Best regards,
    Mike

    in reply to: Masonry not displaying cover pictures #1439232

    Hi,
    When I checked it was collapsed, but it’s there and there is no image added:
    Enfold_Support_5262.jpeg
    So try adding an images and I imagine that they will show on the frontend.
    If you don’t see in with your login try ensuring that it is enabledin the WordPress Block Editor options:
    Enfold_Support_5264.jpeg
    or try using the login you posted for us.

    Best regards,
    Mike

    in reply to: Accessibility #1439230

    Hi,
    Try opening the slider, then open your slide, then go to the Advanced tab and look for the Heading Tag option.

    Best regards,
    Mike

    in reply to: contact form notification in Chinese? #1439188

    Hi,
    As I understand you are using cloudflare with Google Recaptcha v2 and when you use either the Enfold contact form or wpforms sometimes the email come in Chinese.
    Is this correct? I don’t think that you are using a multi language site nor using Chinese, and it looks like you have tried disabling everything except the cloudflare.
    Your pastebin code was removed so we can’t see it. Try disabling the cloudflare.
    Also try using WP Mail SMTP so your mail is sent though your webhost SMTP mail server instead of the standard PHP mail that WordPress uses. You will want to use the “Other SMTP” option in the plugin and then get your SMTP server info from your webhost, this video should help you set it up
    I would recommend using SMTP for your site email anyways, so if this doesn’t help with the Chinese issue, it will help with your overall WordPress mail, so it is worth the extra steps.

    Best regards,
    Mike

    in reply to: Getresponse integration #1439108

    Hey kuba9991,
    I see that you have this error in the browser console:
    Uncaught SyntaxError: Unexpected token '<'
    try removing the code comments:
    <!-- GetResponse Analytics --> <!-- End GetResponse Analytics -->
    If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    in reply to: X icon (former icon) #1439107

    Hi,
    Thanks for the login, I see you are using v4.6.3.1, the latest version is v5.6.12
    Enfold_Support_5256.jpeg
    Enfold_Support_5258.jpeg
    If you have trouble updating by downloading the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
    WordPress_Appearance_Themes_Add-Themes_Add-New.jpg
    after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
    Installing_theme_from_uploaded_file_This_theme_is_already_installed.jpg
    then you will see the Theme updated successfully message.
    Theme_updated_successfully.jpg

    Best regards,
    Mike

    in reply to: Update #1439106

    Hey Hans Löwer,
    Thanks for your question, your theme version is very old, unfortunately a while back Envato (Theme Forest) changed how updates are done and you will need get the latest version from your Envato account and manually update, then after you update you can create a Envato Token in your Theme Forest account so that future updates can be done easily, but your current version will not work with the Envato Token.
    To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
    WordPress_Appearance_Themes_Add-Themes_Add-New.jpg
    after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
    Installing_theme_from_uploaded_file_This_theme_is_already_installed.jpg
    then you will see the Theme updated successfully message.
    Theme_updated_successfully.jpg

    Best regards,
    Mike

    Hi,
    Glad to hear that you have this sorted out, 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

    Hi,
    Try changing your css to this:

    #top .layout-wholebox:hover .layout-image {
        filter: grayscale(100%);
        transition: all 0.4s ease-in-out;
    }

    Best regards,
    Mike

    in reply to: Accessibility #1439101

    Hi,
    Please see the element option in the Advanced tab Heading Tag
    Enfold_Support_5254.jpeg

    Best regards,
    Mike

    in reply to: Categories #1439029

    Hi,
    Glad Ismael could 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: Different Burger Icon size on desktop and mobile #1439028

    Hi,
    Glad Ismael could 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: Masonry not displaying cover pictures #1439027

    Hey SimonePols,
    Did you add featured images to each portfolio item? If you did perhaps a plugin is preventing them from being included, try disabling all of your plugins and then reload the page. If that resolves the issue, reactivate each one individually and reload the page until you find the conflict. Otherwise include a admin login in the Private Content area so we can examine.

    Best regards,
    Mike

    in reply to: WooCommerce and blocks #1439026

    Hey StephenStamp,
    Thank you for your patience but the Enfold Advanced Layout Builder is not compatible with “blocks” and you can not enable the Block Editor on product pages.
    It is not recommended to manually edit the Shop page with the Advanced Layout Builder, but it is possible, see our documentation here and then you could add a product slider element to use for your featured products.

    Best regards,
    Mike

    in reply to: Gap between the lines in the mobile view #1439022

    Hi,
    Glad Rikard could 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: Need to add script to and #1439021

    Hi,
    If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:
    Enfold_Support_2680.jpeg
    then add the code and save.

    Best regards,
    Mike

    Hi,
    It would be easier to help you if you had a test page that we could see, but as I look at your css above the code for the image background has too many places, most browsers only support six places in a color code, and you are adding a background to an image on hover which you will not see, because it is behind the image.
    Try using a grayscale filter on the image like this:

    #top .layout-wholebox:hover .layout-image {
    transition: opacity 0.4s ease-in-out !important;
    filter: grayscale(100%);
    }

    Here is an example of some other filters that you can use.

    Best regards,
    Mike

    in reply to: Share buttons #1438989

    Hey aaronjosephhall1,
    We could move them will javascript, please link to your page and include a screenshot of where you want them to be, that is between which post elements.

    Best regards,
    Mike

    in reply to: only on this page #1438986

    Hi,
    To change the color of the widget title for both pages try this css:

    #top #wrap_all .all_colors .widgettitle,
    #top #custom_html-2 > h3.widgettitle {
    	  color: #000000;
        text-transform: none;
        font-size: 23px;
        font-weight: 200;
    }

    to show the footer on tablet you need to change the css to show for tablet, we will say it is 768px, so use this:

    @media only screen and (min-width: 768px) {
    #top:not(.page-id-3288,.page-id-3593) #footer {
    display: none;
    }
    }
    @media only screen and (max-width: 767px) {
    #top #footer {
    display: none;
    }
    }

    some tablets are different sizes like 1024px & 1366px, but 768px should cover all of them.

    Best regards,
    Mike

    in reply to: Menu gone #1438941

    Hi,
    It sounds like you have sorted this out, shall we close this thread then?

    Best regards,
    Mike

    in reply to: Need to add script to and #1438940

    Hey schwabino,
    I would wrap your code in this and add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function custom_script() { ?>
      <script>
    
    //your code here
    
      </script>
      <?php
    }
    add_action( 'wp_head', 'custom_script', 99 );

    Best regards,
    Mike

    in reply to: Different Footer on different pages #1438939

    Hi,
    Perhaps there is a way around this, but I don’t know how you are using dynamic_sidebar( 'Footer - Column 1' ); to display a specific widget on a specific page, but it seems like re-inventing the wheel when there is a plugin that will add this option to your widgets already.
    I would imagine that you would use an IF statement to check the page ID and your “else” would be empty or a different widget for when the IF statement was not true, so in this case you don’t need to “remove” the widget, it just would not show in the first place, that is the approach that makes the most sense.

    Best regards,
    Mike

    in reply to: only on this page #1438937

    Hi,
    Thanks for the login, you go to the widget and the use “Show on checked page” then start typing the name of the page and it will auto fill the name of the page:
    Enfold_Support_5250.jpeg
    I did this for you so you can see.

    Best regards,
    Mike

Viewing 30 posts - 3,121 through 3,150 (of 34,581 total)