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. mouse roll over colour - custom css

mouse roll over colour - custom css

Scheduled Pinned Locked Moved General Discussion
4 Posts 2 Posters 126 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.
  • M Offline
    M Offline
    markHighLow
    wrote on last edited by
    #1

    Sorry. Thought this would be a simple one but struggling to resolve.

    All the lay text formatting is working a treat. Just struggling g to change the CSS for the mouse over colour on the projects where I’ve changed the background colour and subsequently the text’s colour on those pages.

    Have made IDs for the relevant text boxes to help locate them better as well as trying :hover and !important in the custom CSS but having no joy.

    Please see - https://www.markevans.design/chernobyl
    and the ‘Nadav Kander’ link as an example. Aiming to follow the menu and home page text links and have the type change colour to #6aff00

    This is what I though would work in the custom but isn’t -

    .slug-chernobyl[data-id=“whiterollover”]:hover {
    color: #6aff00 !important;
    }

    Thanks so much.
    Mark

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

      Dear Mark @markHighLow

      Do you just wish the 'Nadav Kander' link to change on hover or the whole text?

      With this code we have just the link <a> changing:

      .slug-chernobyl #whiterollover a:hover {
      color: #6aff00 !important;
      }
      

      When calling/targeting an ID with CSS we use a 'hashtag'

      #
      

      Hope this helps Mark and have a wonderful day :)
      Richard

      1 Reply Last reply
      0
      • M Offline
        M Offline
        markHighLow
        wrote on last edited by
        #3

        @Richard said in mouse roll over colour - custom css:

        .slug-chernobyl #whiterollover a:hover {
        color: #6aff00 !important;
        }

        Fantastic, thank you so much Richard.

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

          Dear @markHighLow

          No worries :)
          Best wishes for the rest of your project!

          Richard

          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
          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