WordPress.org

Ready to get started?Download WordPress

Forums

Enhanced Text Widget
[resolved] CSS (2 posts)

  1. Beatdownhaus
    Member
    Posted 10 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/

  2. bostondv
    Member
    Plugin Author

    Posted 10 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>

Reply

You must log in to post.

About this Plugin

About this Topic

Tags