-
Posts
-
Hi – I am having problems with the development of a simple Coming Soon Page. The LayerSliderWP does not fill the entire page. When you change the width of the web browser, the ugly letterbox frame effect appears in the upper and lower portions of the screen.
Hey androo303,
Please try the following in Quick CSS under Enfold->General Styling:
.page-id-3639 #wrap_all { vertical-align: top !important; }Best regards,
RikardOkay, that works to remove the upper white space but then it creates the one along the bottom. I’d ideally like to see the the entire screen covered with the image..
Hi,
It looks to be filling the entire screen on my end, if it doesn’t work for you then maybe you could try using a Color Section element instead?
Best regards,
RikardMerci Rikard for the rapid responses and the invaluable knowledge. I am now starting to use the Color Section and while it does fill the whole screen like I want using STRETCH TO FIT; however, the image is then overly stretched, but when I set the SCALE TO FIT I get the white bar at the bottom of the screen.
Is there a way to use STRETCH TO FIT, but put precedence on the HEIGHT being 100% followed by the WIDTH? Because I know that if the image was always at 100% height, the image would look perfect with whatever width is cut off.
It is worth mentioning that I have played with the resolution of the image about 5-6 times.
Hi,
The image has to overflow outside the container in order to preserve its aspect ratio. We can set the height of the image manually but it will get distorted on certain screen sizes. Try to resize your image based on the standard screen resolutions.
// https://www.w3schools.com/browsers/browsers_display.asp
Best regards,
IsmaelOK – thanks. Lets close this ticket request as I am no longer pursuing this “coming soon” type of page.
- The topic ‘LayerSliderWP to fill entire page.’ is closed to new replies.