CSS

  • Resolved Beatdownhaus

    (@beatdownhaus)


    10 years, 6 months ago

    Hi. I try add this CSS to widget:
    <div id=”cf6_image” class=”shadow”></div>

    #cf6_image {
    margin:0 auto;
    width:450px;
    height:281px;
    transition: background-image 1s ease-in-out;
    background-image:url(“/images/Windows%20Logo.jpg”);
    }

    #cf6_image:hover {
    background-image:url(“/images/Turtle.jpg”);
    }
    but widget it reed like text. thanks for help

    http://wordpress.org/plugins/enhanced-text-widget/

Viewing 1 replies (of 1 total)
  • bostondv

    (@bostondv)

    10 years, 6 months ago

    You have to wrap CSS in a <style> tag, like this:

    <style type="text/css">
#cf6_image {
margin:0 auto;
width:450px;
height:281px;
transition: background-image 1s ease-in-out;
background-image:url("/images/Windows%20Logo.jpg");
}

#cf6_image:hover {
background-image:url("/images/Turtle.jpg");
}
</style>
Viewing 1 replies (of 1 total)
  • The topic ‘CSS’ is closed to new replies.

Tags