Overriding theme CSS

  • Resolved dtjin

    (@dtjin)


    11 years, 9 months ago

    I activated the jetpack plugin on your theme. I have the subscription widget on the side. The subscription input is grey because it’s following the theme’s button css, so I tried jquery to select that one element to pink.. and it broke the subscription button..

    I can’t change the html of a plugin…. The html is:

    <input type="submit" value="Subscribe" name="jetpack_subscriptions_widget">

    So I select it with the name, and I add a class with jquery.. and I add the jquery code to functions.js see my jsfiddle:

    fiddle

    But when I do this, the subscribe button loses the original function and doesn’t work and on a desktop when you click on it, it turns pink and the page kinda jumps…

    http://dtjin.htpwebdesign.ca/explanations/mini-ground-beef-burger-patties-deadly-jalapeno-surprise/

Viewing 2 replies - 1 through 2 (of 2 total)
  • janet4now

    (@janet4now)

    11 years, 9 months ago

    Are you unable to target it with css instead of using jquery? It seems like that would be the obvious solution, so maybe I’m missing something.

    Thread Starter dtjin

    (@dtjin)

    11 years, 9 months ago

    I took a walk and figured it out.

    I didn’t think you could target the input because it didn’t have a direct class or id but then I read the lines above it and I did this:

    #subscribe-submit input:active {
    background: #FF69B4;
    width: 100%;
}

#subscribe-submit input:hover {
    background: hsl(0, 0%, 0%);
    width: 100%;
}

#subscribe-submit input[type="submit"] {
    background: #FF69B4;
    width: 100%;
}

    Thanks!

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

The topic ‘Overriding theme CSS’ is closed to new replies.