Okay
  Public Ticket #4001516
issues with ajax & colors
Open

Comments

  • johannes started the conversation

    I'm working with the Nanotech theme and I'm encountering a couple of issues:

    1. Portfolio post type navigation:
      When I view a portfolio post and scroll to the bottom, it always redirects me back to the first portfolio item I created—regardless of which one I started on. It seems to reload the same post over and over instead of navigating to the next one. Is there a way to fix this behavior?

    2. Magic cursor hover color:
      I’m trying to change the orange hover circle color (the "magic cursor") that appears in the header and footer. The setting at
      Customizer > General > Magic Cursor Primary Color
      doesn’t appear to have any effect. Am I missing something, or is there another way to change this color?

    Also, is it only possible to replace the magic cursor "eye" icon via the child theme, or is there a dedicated upload option somewhere in the theme settings?

    Thanks in advance!


  •  2,084
    Support replied

    Hello Johannes,

    Send us wp admin access if possible in a private comment to see why is that.

    the eyes icons are actual images stored inside /images folder path relative to the root theme folder

    you can replace them by keeping the same file name /images/eyes.png and /images/eyes1.png

  •   johannes replied privately
  •  2,084
    Support replied

    Hello Johannes, let's use the class with-blur that is added to the magic ball cursor in most of the cases you mentioned. So you can specify something like

    #ball.with-blur {

        background-color: rgb(255, 186, 0)!important;

    }

    of course you can change the rgb code to something you like then add the code to customizer -> additional css

  • johannes replied

    hi,

    thank you but thats not quite what im looking for i attached the two instances i wanna change below 

    this is my aproach:

          function egp_hover_cursor_script() {
                wp_register_script('egp-hover-cursor', '');
                wp_enqueue_script('egp-hover-cursor');
                        $js = <<<JS
            document.addEventListener('DOMContentLoaded', function () {
                const ball = document.getElementById('ball');
                const heroTargets = document.querySelectorAll(
                    '.hero-title, .hero-subtitle, #page-nav .inner'
                );
                        if (!ball || heroTargets.length === 0) return;
                        let timeout;
                        heroTargets.forEach(el => {
                    el.addEventListener('mouseenter', () => {
                        clearTimeout(timeout);
                        ball.classList.add('hover-hero');
                    });
                            el.addEventListener('mouseleave', () => {
                        timeout = setTimeout(() => {
                            ball.classList.remove('hover-hero');
                        }, 100);                 });
                });
            });
            JS;
                        wp_add_inline_script('egp-hover-cursor', $js);
            }
            add_action('wp_enqueue_scripts', 'egp_hover_cursor_script');


    but this is not verry pretty or bulletproof so id like to know how to do it properly i cant find the color anywhere in the theme 

    if i do this 

    #ball.with-blur {

        background-color: rgb(255, 186, 0)!important;

    }


    i have quite the opposite of what im looking for 



    best regards
           

    Attached files:  screen1.JPG
      screen 2.JPG

  •  2,084
    Support replied

    Hello Johannes,

    perhaps it's better then to look for #ball and the transformations that are changing the background color in /js/scripts.js and /core/js/common.js

    https://prnt.sc/jW3jkLOgANnX

    but there are several different contexts, most of the are setting the color with backgroundColor:"#ffba00"