CSS applied on a Text Widget not working

  • Resolved Rodrigo Gomes

    (@konoma)


    9 years, 2 months ago

    Hello!

    I’m trying to use a simple hover action on images in the front page. Testing on Codepen, it worked like a charm. But nothing happens on my page.

    •I created a Text Widget inside an individual FP row.
    •The hover code is written in the style.css of my child-theme.
    •In the widget I have a <img class="myclass"> structure.

    Is there another stylesheet where this widget could be redirecting to, instead of style.css?

    The site: http://www.bistec.com.br/novo
    The printer image in the first row is where I am testing the hover effect.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Rodrigo Gomes

    (@konoma)

    9 years, 2 months ago

    That is what I want:
    http://codepen.io/anon/pen/azyXLL

    I tried adding !important but it didn’t help.

    vladff

    (@vladff)

    9 years, 2 months ago

    Hey,

    You have a missing } here:

    @media screen and (max-width: 320px) {
.site-header {
display: none;
}

    That’s preventing the code below it to work.

    Thread Starter Rodrigo Gomes

    (@konoma)

    9 years, 2 months ago

    You know, I’ve been trying to love these brackets.
    I REALLY DID.

    Thanks for the quick answer vladff.
    What I do love right now is Moesia. =]

    vladff

    (@vladff)

    9 years, 2 months ago

    Well, if you would indent the media queries you would have noticed it’s missing 🙂

    Ratings and reviews are always appreciated 🙂

    Thread Starter Rodrigo Gomes

    (@konoma)

    9 years, 2 months ago

    Yeah. I put this code in the stylesheet to make another test of another thing, in another occasion.

    I’ll be more attentive next time.

    Rated.
    Thanks again.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS applied on a Text Widget not working’ is closed to new replies.