Comments Kasun started the conversationNovember 28, 2020 at 2:40pmHi,I want to change the CSS of the cursor animation on the Aruba Theme when I hover over a Portfolio Element. It changes to a black circle with a + inside. I want to change the color. Could you please tell me the CSS selector of the cursor element.Thank you BestKasun 2,007Support repliedNovember 30, 2020 at 6:05pmHi, if you open /js/scripts.js you will see two pieces of code like$(".item-content").mouseenter(function(e) { TweenMax.to('#ball', 0.1,{transformOrigin: '15px 15px', borderWidth: '1px', backgroundColor : 'rgba(0, 0, 0, 1)', borderColor:'#000', scale: 1.8}); TweenMax.to('#ball-loader', 0.1,{borderWidth: '1px', top: 1, left: 1}); $( "#ball" ).addClass("with-icon").append( '<i class="fa fa-plus"></i>' ); });replace the bolded part and the n hard refresh the page (Ctrl+F5)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/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudio Sign in to reply ...
Hi,
I want to change the CSS of the cursor animation on the Aruba Theme when I hover over a Portfolio Element. It changes to a black circle with a + inside. I want to change the color. Could you please tell me the CSS selector of the cursor element.
Thank you
Best
Kasun
Hi, if you open /js/scripts.js you will see two pieces of code like
$(".item-content").mouseenter(function(e) {
TweenMax.to('#ball', 0.1,{transformOrigin: '15px 15px', borderWidth: '1px', backgroundColor : 'rgba(0, 0, 0, 1)', borderColor:'#000', scale: 1.8});
TweenMax.to('#ball-loader', 0.1,{borderWidth: '1px', top: 1, left: 1});
$( "#ball" ).addClass("with-icon").append( '<i class="fa fa-plus"></i>' );
});
replace the bolded part and the n hard refresh the page (Ctrl+F5)
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