WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Remove hover function (14 posts)

  1. LeilaLeila
    Member
    Posted 7 months ago #

    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?

  2. Andrew
    Forum Moderator
    Posted 7 months ago #

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

  3. LeilaLeila
    Member
    Posted 7 months ago #

    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.

  4. Andrew
    Forum Moderator
    Posted 7 months ago #

    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;
    }
  5. LeilaLeila
    Member
    Posted 7 months ago #

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

  6. LeilaLeila
    Member
    Posted 7 months ago #

    Has that plugin now created a Child Theme?

  7. Andrew
    Forum Moderator
    Posted 7 months ago #

    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.

  8. LeilaLeila
    Member
    Posted 7 months ago #

    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?

  9. 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. ;)

  10. LeilaLeila
    Member
    Posted 7 months ago #

    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?

  11. Andrew
    Forum Moderator
    Posted 7 months ago #

    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.

  12. Andrew
    Forum Moderator
    Posted 7 months ago #

    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.

  13. LeilaLeila
    Member
    Posted 7 months ago #

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

  14. LeilaLeila
    Member
    Posted 7 months ago #

    Thanks for your help, it worked.

Reply

You must log in to post.

About this Theme

About this Topic

Tags