Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #525820

    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

    #526313

    Hi Edsbjerg!

    To have your background image fullscreen without cropping, please make sure to upload it in 4:3 ratio for example 1600x1200px

    Best regards,
    Yigit

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.