Support » Plugin: Enhanced Text Widget » CSS

  • Resolved Beatdownhaus

    (@beatdownhaus)


    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)
  • Plugin Author bostondv

    (@bostondv)

    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.