• Resolved LeilaLeila

    (@leilaleila)


    Hi, I am tinkering with the Spun template for a friend, helping to create their site. I’d like to remove the hover functionality on the text that shows up in the nav bar. In other words, I’d like this text to always be dark and clearly visible. How can I do that?

Viewing 13 replies - 1 through 13 (of 13 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Please also identify whether you’re using a Custom CSS plugin or Child Theme (or neither).

    Thread Starter LeilaLeila

    (@leilaleila)

    Hi, well I have my Style.css in Appearance that I’ve gone in and changed some font sizes, though that seemed to have no result. And I’ve just downloaded a Plugin (Tiny MCE visual editor) to modify font sizes within posts. I’d rather modify the css or something more overarching. I’m not really sure what you mean by Child theme.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Install this Custom CSS Manager plugin: http://wordpress.org/plugins/custom-css-manager-plugin

    Then move your CSS modifications to that plugin’s allocated section of the dashboard: http://wordpress.org/plugins/custom-css-manager-plugin/screenshot-1.jpg

    Otherwise when the theme updates your tinkerings will be erased.

    If it’s not easy to fish out your tinkers from the original code use a spot-the-difference tool like Diffchecker: http://diffchecker.com . The original Spun style.css file is here (for reference) http://themes.svn.wordpress.org/spun/2.0.2/style.css

    To darken the navbar
    Add this to your Custom CSS Manager part of the dashboard:

    #masthead {
     opacity: 1;
    }

    Thread Starter LeilaLeila

    (@leilaleila)

    I already copied and pasted the original css in a word doc, never to be touched. But I guess that’s not enough as there is no record of my tinkering….?

    So let me get this straight… When you say “move your CSS modifications” to the plugin (which I see and am ready for) do you mean copy and paste the css there and from then on make my modifications there? In which case, should I go back to the original and undo my modifications?

    sorry for being a little thick – but really do appreciate the help 😉

    Thread Starter LeilaLeila

    (@leilaleila)

    Has that plugin now created a Child Theme?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    do you mean copy and paste the css there and from then on make my modifications there?

    Yes. For example this could be the original style:

    nav {
     background: pink;
     border: blue;
     font-size: 20px;
    }

    And for example you only changed the ‘font-size‘ style, you can still just copy the whole style into your Custom CSS Manager. By “whole” I mean all of this:

    nav {
     background: pink;
     border: blue;
     font-size: 20px;
    }

    In which case, should I go back to the original and undo my modifications?

    You don’t have to do this, when the theme updates your modifications to those files will be erased automatically.

    Has that plugin now created a Child Theme?

    No, the plugin has created a CSS stylesheet that is called into the top of every page on your site.

    Thread Starter LeilaLeila

    (@leilaleila)

    So I pasted the ENTIRE css into the plugin custom css manager. It’s not entirely clear: are you saying past ONLY the parts that I changed? In which case, how will the plugin read them and source them properly? How will it know which section it came from in the original css?

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    are you saying past ONLY the parts that I changed?

    Andrew will probably beat me to it but yes only the parts you’re updating. 😉

    Thread Starter LeilaLeila

    (@leilaleila)

    And they just float there by themselves, no source instructions/code or whatnot? Sorry to belabour the point, but it just doesn’t seem logical. Could you just tell me HOW it manages to go back and link up (or overwrite) the original code?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It’s not entirely clear: are you saying past ONLY the parts that I changed?

    Yes, you really don’t want to be wading through a thousand lines of code in your Custom CSS Manager. Plus that’s duplicating a lot of stuff unnecessarily.

    In which case, how will the plugin read them and source them properly?

    The plugin’s stylesheet will take precedence over Spun’s style.css file. The plugin doesn’t remember where the CSS came from or its position in its original file, as that information isn’t important anymore.

    This should help with CSS specificity, but if you’ve edited things like media queries that may mean you’ll have to redeclare those media queries on your styles in the same code section that was in the original CSS.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Could you just tell me HOW it manages to go back and link up (or overwrite) the original code?

    Its stylesheet is loaded after Spun’s style.css file.

    Thread Starter LeilaLeila

    (@leilaleila)

    Ok…. I’ll try it! I’ll post here later with results.
    Thanks so much for your help.
    Leila
    (Montreal)

    Thread Starter LeilaLeila

    (@leilaleila)

    Thanks for your help, it worked.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Remove hover function’ is closed to new replies.