Tagged: color section, parallax, width
I feel like I’m missing something terribly obvious here but on the site I’m working on, the images I’m using in the Color Sections with the parallax setting are being stretched full width, which I understand is a part of the functionality but it’s impossible for me to have the actual imagery I’d like to use from the client show up correctly on a 15″ screen.
How do I have the photos fit to screen so that the subject of the images actually shows on the site and doesn’t get cut off at the sides? An example can be seen here: http://twintracksexpeditions.com/about-us
The image behind the photo of the men is a photo of three penguins (which are meant to show up under the text on the right) but you can only see the shoulder of one of the penguins in the bottom right corner.
Can you please point me in the right direction to tweak the settings? I’ll be using a number of photos in this manner but need them to sit correctly with the subject matter in the background, visible.
Thanks so much.
Hey heatherlyone!
Thank you for using Kriesi themes.
The background image is stretched to it’s maximum as per the settings. Your current image size is 4000×1386
Try a smaller resolution and let me know if it fixes the issue.
Best regards,
Arvish
Hi Arvish!
I had already tried that but the image still gets stretched fullwidth and the result is that a smaller photo gets stretched super wide and the resolution becomes awful. Not sure what to do here! Would it help if I provided admin access?
Hey!
Try adding this on Quick CSS or custom.css to adjust the size of the color section background image:
.avia-full-stretch {
background-size: 100%;
}
Regards,
Ismael
Thank you so very much – that worked!
Warmly,
Heather