Viewing 15 replies - 1 through 15 (of 16 total)
  • Sure!

    In your child-theme.CSS there should be something like this:

    #title a {
         color: #ffffff;
     }
    #title a:hover {
         color: #777777;
     }
    #title a:link {
         color: #CC0000;
     }

    where #title a {color: #ffffff;} is the color of your linking title text at the start, #title a:hover{color: #777777;} is the color of your linking title text when you hover, and #title a:link{color: #CC0000;} is the color of your linking title text once you have clicked on the title.

    To remove the changing color of the linking title text when hovering, remove the “title a:hover {} code from the child-theme.css file.

    Does this work for you?

    Thread Starter Sehyun

    (@_techtrix)

    I can’t find child-theme.css.

    You need to create a child theme – and then use the style.css file that you’ve created in the child theme for your changes.

    https://codex.www.ads-software.com/Child_Themes

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    There is no child-theme.css file but if you create a child theme of Spun then you can add that right after the @import line.

    https://codex.www.ads-software.com/Child_Themes

    Or you can try adding that CSS via a custom CSS plugin. That works too.

    https://www.ads-software.com/plugins/search.php?q=custom+CSS

    You would ADD the above code to the child theme and change the styles there. Child themes contain only changes, not a copy of the parent theme style.css file.

    So sorry, WPyogi, you are absolutely right.

    So, given that only changes to the CSS are made in the child-theme.css, would you then in fact add something like this to that file to eliminate the hover?:

    #title a:hover {
         display:none;
    }
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    No, you’d do this:

    #masthead { opacity: 1; }

    How does this address the hover?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I don’t understand your question, didn’t that CSS work for you?

    Sorry Andrew, this was not my original question. I don’t know the theme that Sehyun is using, just attempting to give general information. Since it wasn’t my question, I don’t know if the CSS you suggested worked for Sehyun’s problem. BUT, I didn’t see how making the masthead fully opaque would cancel the hovering effects to the title or menu.

    Am I missing something?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    All should be apparent when you see the Spun theme demo: https://spun-demo.calobeedoodles.com/

    Thank you Andrew. I do see how it would work in this particular instance (where the hover behavior takes the the text from 0.2 opacity to full opacity upon hovering). If the hover behavior were different, say changing the color of the navigation text from blue to red, then this would not work.

    Did I miss that Sehyun indicated what theme was being used?

    Either way, Spun in a nice theme and I like the opacity changing effect!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    At the top of this thread in black bold writing is the theme name https://awesomescreenshot.com/0b31p8e0f0 , you can click on it to go to the theme page for more information.

    Thank you so much Andrew. I am not new to html/css, but new to WordPress. I hadn’t seen this clue (and not being familiar with all the themes, missed that ‘Spun’ was the theme).

    This is extremely helpful. I appreciate your patience.

    so which one is it!?

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘No Hover’ is closed to new replies.