:after :before with background image css

Posted: September 16, 2014 in web
.px4-a h3:before {
    top:31%;
    background: url(../../../../wp-content/themes/iei/images/quotes-left.png) no-repeat 1em 0px;
    content: " ";
    position: absolute;
    height: 8em;
    width: 8em;
    left: 0px;
    background-size: 43% auto;
}
.px4-a h3:after {
    top:31%;
    background: url(../../../../wp-content/themes/iei/images/quotes-right.png) no-repeat 4em 0px;
    content: " ";
    position: absolute;
    height: 8em;
    width: 8em;
    right: 0px;
    background-size: 43% auto;
}
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s