Background property (css) not working, image doesn't display

CMS & WordPress
2

Hi Saqib,
Managing the WordPress media files is almost always a pain! But the first URL you’re using is working just fine.

I was looking into your code/site. Still not sure what you’re trying to accomplish. However, using this code:

.page-services h3::before {
    content: '';
    display: inline-block;
    height: 40px;
    width: 40px;
    background: url(http://launique.co.uk/wp-content/uploads/2016/07/fold.gif) no-repeat 0 0;
}

I managed it to look like this:

1170×473 27.2 KB

The image is showing, there are two things I modified:

display: block; for `display:inline-block;` so you can show it side-to-side without being overlapped.

and instead of an ::after pseudo, I used ::before so it’s shown to the left. This is, of course, depending on how you’d like it to appear.

1 Like