[Theme: Raindrops] child theme

  • Resolved ruthcatrin

    (@ruthcatrin)


    12 years, 12 months ago

    Attempting to create a child theme, so next time there’s an update I don’t have to go nuts fixing things, and while I’m at it I’m trying to make all links underlined even when not hovered over. I’m doing something wrong, not sure what.

    File saved as style.css in “…/raindrops/raindrops-child/”

    /*
    Theme Name: Raindrops Child
    Template: raindrops
    Version: 0.1.0
    */

    @import url(“../raindrops/style.css”);

    a {
    font-family:Book Antiqua, “Times New Roman”, Times, serif;
    }

    a:link {
    color: #f1f1f1;
    text-decoration: underline;
    !important;
    }

    a:active {
    color: #f1f1f1;
    text-decoration: underline;
    !important;
    }

    a:visited {
    color: #f1f1f1;
    text-decoration: underline;
    !important;
    }

    a:hover {
    color: #f1f1f1;
    text-decoration: none;
    !important;
    }

    body {
    font:16px/1.231 Book Antiqua,helvetica,clean,sans-serif;
    !important;
    }

    table {
    font-size:inherit;
    font:100% Book Anqitua;
    !important;
    }

    select,input,button,textarea,button {
    font:99% Book Antiqua,helvetica,clean,sans-serif;
    !important;
    }

    body.ie7{
    /* for IE6/7 */
    font-size:small;
    /* for IE Quirks Mode */
    font:x-small Book Antiqua; !important;
    }

Viewing 5 replies - 1 through 5 (of 5 total)

  • Your child theme should be in it’s own folder as a sibling to all other themes; it appears you have installed it as a sub-folder inside of raindrops/. If so, move it out so it is beside the raindrops folder, still inside of themes/.

    Thread Starter ruthcatrin

    (@ruthcatrin)

    *rereads child theme instructions* arg, missed that.

    Ok, fixed that but its still not working, or maybe I’ve got it coded wrong. I want all links underlined no matter what their status is, is my code right?

    actually thats probly the big problem, there’s like 8 .css files, and it looks complicated as hell…..I’ve got a basic understanding of CSS and thats it….

    Your CSS looks good, but I imagine the theme adds some complications. As you may know, styles cascade no only by placement in the sheet but by specificity. So, as far as placement goes, a declaration of a:hover {...} at the end of a style sheet will override an a:hover {...} higher up in the same document.

    As far as specificity, a declaration of .entry-content a:hover {...} will always override a simple a:hover {...}, no matter which comes first. And a #entry-content a:hover {...} will override a .entry-content a:hover {...} because an id is more specific than a class.

    So use your browser’s Developer Tools (google that term if you don’t know about them) to ferret out the styles that are setting the links.

    Thread Starter ruthcatrin

    (@ruthcatrin)

    that makes sense, ok, gives me a place to work from thank you.

    Thread Starter ruthcatrin

    (@ruthcatrin)

    For the next poor sucker trying to make this change, its in the style.css, and its the FIRST F-ing line of actual code. I looked right at it like 20 times. Arg…..

    find this:

    ——————————————————*/
    .hfeed a{
    text-decoration:none;
    }

    and change it to:

    ——————————————————*/
    .hfeed a{
    text-decoration:underline;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Theme: Raindrops] child theme’ is closed to new replies.