Forums

Block Background Width

Permalink
Hi,

I'm fairly new to concrete5, so sorry if I'm missing something.
I want to set a background on some of my blocks but the problem I'm having is that I can only see the top left corner of the image (it is fairly large). Is there any way to have the image the same width as the block?

Thanks in advance.
 
Adreco replied on at Permalink Reply
Adreco
I'm not sure if there's an add-on that makes this easier, but I've had good luck with the following:
1) right click on page and select Inspect Element (using chrome or firefox) because when selecting any block/div area the size will be displayed in px
2) in file manager I select an image and choose copy.
3) the copied image I edit to closest block size noted from step one
4) select the edited copy as background

Of course you don't need to create the copy if the original image won't be used anywhere else in the site

Hope this helps :)

Adrian
Arvixe Web Hosting / Concrete5 Community Liaison |
http://www.arvixe.com/concrete5_hosting.............
hashtagash replied on at Permalink Reply
Thanks a lot for your help!
I tried the method and my background is a lot better than it was, but the problem now is that while it looks good on my screen, on smaller screens (eg my phone) I still don't see the entire image.

I found some css which seems to do a pretty good job of the background: 
background: url(/my/background.png) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;