How to add background image after <hr> or ID/CLASS? (see demo image)

Hi guys,

As my title says… i am wondering how to create this effect:
http://s4.postimg.org/guy8l1nho/photo.jpg

Website demo now:
http://dev.alveos.nl/unitedmovers/

i have tried to apply the background image to the last


tag with the :AFTER attribute… but it is not working… does anybody has a solution for this?

The image is here:
http://dev.alveos.nl/unitedmovers/images/icons/house.png

Thanks in advance…

/*
.wpa-portfolio-last:after {
	background: url(../images/icons/house.png) no-repeat;
	display: inline-block;
	height: 142px;
	width: 142px;
}
*/

You have it commented out. Can you uncomment it? Was this your issue?

Also there is no .wpa-portfolio-last element in the HTML. You can try applying it to “wpa-portfolio-inner” instead. So this will be your new code.

.wpa-portfolio-inner:after{
	background: url(../images/icons/house.png) no-repeat;
	display: inline-block;
	height: 142px;
	width: 142px;
}

Hi,

I have uncommented it and added your code but somehow not showing with the AFTER attribute. I am trying to add the house to the


tag but it’s not working. Can you take a look now?
Thanks

Try adding content: ' '; to your CSS for .wpa-portfolio-inner:after{}

Hi it is working… however the problem now is the HOUSE is not placed nex tot eh


line its added UNDER the content.

I don’t see the live stylesheet updated. Please do so.

Please take a look now… you will see it.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.