Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Change Mouse Icon Service Text Effect

service text effect mouse icon changes on hover
    • 9 years, 8 months ago RalphB
      Participant

      Expired

      Hello,

      I was able to change the colors/sizes of the service text effects with CSS, but I couldn’t figure out how to stop the mouse from turning into the hand (like it’s a link).

      I’d like the mouse to stay the same when you hover over the service text effects. Is this possible?

      Thanks!

      Ralph

    • 9 years, 8 months ago Mirela
      Participant

      Hello,

      To change the cursor shape to the default one, add this code:
      a:link, a:visited{ cursor: default;}
      If you want this only for services element, then edit the css class by setting only the service css class.

      Best regards!

    • 9 years, 8 months ago RalphB
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      This should work: .services_steps { cursor: default;} if it doesn’t then you may have some syntactic error before this line. Check if there is any red x sign asside the custom css box.
      If you want, send us your wp credentials in a private reply and we’ll do it for you.

      Best regards!

    • 9 years, 7 months ago RalphB
      Participant

      Expired

      Worked great on desktop, but now you can’t click the icons on mobile, is there any fix for this?

       

      Thanks!

    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      For the mobile version please add this code:

      @media (max-width: 767px){
      .services_steps { cursor: -webkit-grab;}
      }

      Let us know.

      Best regards!

    • 9 years, 7 months ago RalphB
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      I don’t see the above code in your custom css box. Did you add it directly into the style.css file? Please do not alter style.css as it will be overwritten by future updates. Add all necessary css code into your custom css box.
      Please remove the code above from wherever you have added it. then let me know, so i can edit it in order for the mobile not to have issue.

      Best regards!

    • 9 years, 7 months ago RalphB
      Participant

      Expired

      It’s on the page CSS:

      https://imgur.com/7fOjZ58

      Is that incorrect?

    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      I edited the code in your page’s custom css box, to this:

      @media (min-width: 1400px){
      .services_steps { cursor: auto !important;}
      }

      So it will affect only large screens and not mobile. I tested in desktop and iphone and it is ok. Please check it and let us know.

      Best regards!

    • 9 years, 7 months ago RalphB
      Participant

      Expired

      Works great, thank you so much! :)

Viewing 10 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password