I'm working with the Nanotech theme and I'm encountering a couple of issues:
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?
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?
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
I'm working with the Nanotech theme and I'm encountering a couple of issues:
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?
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!
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
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
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
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
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
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"
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio