Background Position of the main image (frontpage 1)

Hi guys, I love Writer. Thank you for your works.

I have a little problem here:
http://sviluppo10.costruzionesitoweb.it/

I'm creating a website for a personal stylist and I need to fix a problem. In lower screen the main figure head is cutted out.

Can I do something to avoid this problem? If I can't there is a way to cut only the foots?

Thank you!

And great work!

This not a problem that can be fixed on template side. To make the images spread across the screen a css background type: cover is used. And it stretch image so it fills whole screen. It also means that image will be "cropped" when vertical is shown on horizontal screen. Right now also the image is set to be centered. So 1 case is to use images that has landscape crop, or you can play with image position settings, perhaps it will suit your needs better...
Please edit: /templates/gk_writer/css/override.css and add at its end:

Code: Select all

.gkNspPM-FrontpageImageOverlay > span {
background-position: center center!important;
}


Please read about background-position arguments here:
http://www.w3schools.com/jsref/prop_sty ... sition.asp

Remember to enable "CSS override" in template settings - advanced section.