leetoomes

Amazing thank you so much. 🙂

Just a quick question I think i understand the following

.hentry::after {
background-color: #fff;
background-image: url(img/button.svg);
background-position: -46px top;
background-repeat: no-repeat;
background-size: 132px 35px;
content: “”;
display: block;
height: 35px;
left: 50%;
position: absolute;
top: 100%;
transform: translate(-50%, -18px);
width: 88px;
}

and

.widget-title:before {
background: url(img/button.svg) no-repeat;
background-size: 84px 22px;
background-position: 0 0;
content: “”;
display: inline-block;
float: left;
margin-right: .45em;
position: relative;
top: -2px;
width: 22px;
height: 32px;
}

Does the ” background: url(img/button.svg) no-repeat;” mean that I need to post into the media the image that I want and then the code line would read something like…

background: http://www.snaparts.co.uk/(media file address)(img/button.svg) no-repeat;

? basically what I am trying to achieve is the bottom of the page to have something like this …. and the widget headers to have simply the solid green dot. below is a copy to the what i mean in dropbox (sorry i don’t know how to attach file or images to the blog.

https://www.dropbox.com/s/qyfttspn948vaf5/SNAPArts%20footer.tiff?dl=0

I hope that makes sense?

Thanks so much again