Tagged: color section, CSS, image
Hi Support
I have a problem with Color Section I don´t understand.
I have a image ( size 1920 x 395px ) that i need to stretch out into full width of screen, but when I try to get it right, the image is cropped from original size.
You can see the web page here !
This is the original image here !
To do this I use Color Section where I use these parameters :
At tab : Section Layout
Section minimum height : Custom height in pixels
Section custom height : 395px
Section padding : Default padding
Section top border styling : Display simple top border
Section Bottom Border Styling : No border styling
Display a scroll down arrow : No check
For developers, Section ID : fwcs ( Explanation below )
At tab : Section Background
Section colors : Main content
Custom Background Color : Default
Custom Background Image : My picture ( 1920 x 395px )
Background Attachment : Scroll with
Background Image Position : Top Left
Repeat background : No repeat
Background video : Blank
At tab : Section Background Overlay
Enable overlay : No check
I have used this documentation to setup the color Section :
From my quick CSS : #fwcs .container { width: 100% !important; max-width: 100%; padding: 0; margin: 0; }
What do I do wrong, since I can´t get the image to be 100% and NOT cropped ?
Regards
Kim