WordPress.org

Support

Support » Themes and Templates » [Resolved] No Hover

[Resolved] No Hover

  • Sehyun
    Member

    @_techtrix

    Is there a way to cancel the hover on the title and menu? Thanks.
    -_techtrix

Viewing 15 replies - 1 through 15 (of 16 total)
  • tracysherwood
    Member

    @tracysherwood

    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?

    Sehyun
    Member

    @_techtrix

    I can’t find child-theme.css.

    WPyogi
    Forum Moderator

    @wpyogi

    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.

    http://codex.wordpress.org/Child_Themes

    Jan Dembowski
    Volunteer Mod. & Brute Squad

    @jdembowski

    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.

    http://codex.wordpress.org/Child_Themes

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

    http://wordpress.org/plugins/search.php?q=custom+CSS

    WPyogi
    Forum Moderator

    @wpyogi

    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.

    tracysherwood
    Member

    @tracysherwood

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

    @anevins

    No, you’d do this:

    #masthead { opacity: 1; }

    tracysherwood
    Member

    @tracysherwood

    How does this address the hover?

    Andrew Nevins
    Forum moderator

    @anevins

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

    tracysherwood
    Member

    @tracysherwood

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

    @anevins

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

    tracysherwood
    Member

    @tracysherwood

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

    @anevins

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

    tracysherwood
    Member

    @tracysherwood

    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.

    Bios Graphics
    Member

    @bios-graphics

    so which one is it!?

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