Home › Forums › SEA WordPress Theme › Slider custom cursor tweaks

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 22, 2022 at 11:05 am #28777
    MrLatvia
    Participant
    Purchased
    Expired

    Hi team, just renewed for another year of support so hoping you can help with a couple requests.

    1) I have a slider on my homepage with a custom SVG mouse cursor. I’d like to expand the areas in which the custom cursor is displayed and users are able to hit left and right. I’ve put together a diagram to aid explanation (attached below). The red zone is currently the approximate area in which the SVG cursor is displayed and where users can go left and right through the slider. I’d like to expand this to the green zone. Here’s also a website that implements this in a way that I’d like

    Slider

    2) The 2nd question is relating to the colour of the SVG cursor – is it possible for it to match the colour of the menu on a given slide. Currently, I have dark images which display white text over the top, and then a few light images which display black text over the top. Is it possible to match the SVG colour to the behaviour of these changes – so when the menu changes to black the slider cursor will as well?

    Link to my website here

    Thanks in advanced

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    December 22, 2022 at 2:27 pm #28778
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    Thanks

    1.Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

    .no-touchevents .slider-arrow { 
    width: 40%;
}

    2. Please upload the 2 cursor images with dark color. It is possible to define the cursor by custom CSS(“Appearance > Customize: Additional CSS”), like:

    .alt-logo .module-id-1671714479253 .slide-arrows-on-cursor .slider-arrow-right {
    cursor: url(https://xxx.com/xxx-right-dark.svg), auto;
}
.alt-logo .module-id-1671714479253 .slide-arrows-on-cursor .slider-arrow-left {
    cursor: url(https://xxx.com/custom-cursor-left-dark.svg), auto;
}

    Regards!
    SeaTheme – FAQs – WordPress Customization – Facebook

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.