Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Thumbnail rollover colours and custom cursors

Thumbnail rollover colours and custom cursors

Scheduled Pinned Locked Moved General Discussion
4 Posts 2 Posters 600 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • O Offline
    O Offline
    ollyb
    wrote on last edited by
    #1

    Hi Armin,
    I’m trying to customise a couple of features on my site, but am so so far from being a coder I can’t work it out, apologies. Basically I’m looking to be able to control the colour of project thumbnails (I want to alternate posts between two colours) and would like to have custom cursors for the relevant cursor (default, pointer, e-resize, w-resize) linking to images. I've got close but can't quite get the coding right. Any pointers would be much appreciated!
    Thanks,
    Olly

    1 Reply Last reply
    0
    • mariusjopenM Offline
      mariusjopenM Offline
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      Dear @ollyb
      this is a difficult one.
      Since you are not familiar with code – I think you will not manage.

      The only way for you to change the colour of a project thumbnail is to upload a coloured image. You can use it as mouse-over to change the image when hovered with a mouse.

      To have a different cursor for each of them is not easily to achieve without knowledge of Javascript and CSS.

      However:
      If you use normal thumbnails – you could give each project-thumbnail an ID. For example green. Then you can use Custom CSS to change the colour and even the cursor.

      But if you use the project thumbnail-tool: Not possible for you.

      It is always good to make some basic CSS and Javascript lessons on Codeacademy. That will make things easier in the future for you.

      All the best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • O Offline
        O Offline
        ollyb
        wrote on last edited by
        #3

        Hi Marius,

        Thanks for the response, much appreciated.

        I think my wording in the question may have been misleading and made the question appear more complicated than it is, although again I could be wrong(...!).

        I've got close to a solution for both, but just not quite there....

        Regarding the cursors, this is close, im just struggling with the coding to change multiple cursors in the custom css.... http://laythemeforum.com:4567/topic/824/custom-cursor-pointer/2

        With the rollovers, this works perfectly to change the text colour, just curious whether there was a simple change to make it the background instead of the text? http://laythemeforum.com:4567/topic/730/thumbnail-text-rollover/3

        Thanks!

        1 Reply Last reply
        0
        • mariusjopenM Offline
          mariusjopenM Offline
          mariusjopen
          Global Moderator
          wrote on last edited by
          #4

          Dear @ollyb
          to help you further – we need to see your website :-)

          But we are happy that you are closer to the solution.

          All the best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply
          0
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          I also code custom websites or custom Lay features.
          💿 Email me here: 💿
          info@laytheme.com

          Before you post:
          1. When using a WordPress Cache plugin, disable it or clear your cache.
          2. Update Lay Theme and all Lay Theme Addons
          3. Disable all Plugins
          4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

          This often solves issues you might run into

          When you post:
          1. Post a link to where the problem is
          2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
          3. If the problem is difficult to explain, post screenshots / link to a video to explain it
          Online Users
          J
          JulianeEirich
          dafvD
          dafv
          Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
          laytheme.com
          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Recent
          • Tags
          • Popular
          • Users
          • Search