Hi.
Use Wysiwygwebbuilder 20.0.3 of February 5th there is a problem with the background image in Layout Grid, it is a combined image of two colors and one of them is not visible in the preview or when publishing.
I appreciate the help
This is my demo:
https://www.montealto.edu.mx/wwb20/back ... _wwb20.zip
Problem with background image in layout grid
Forum rules
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Re: Problem with background image in layout grid
There is no issue with the layout grid. What you are seeing is what you should based on your setup.
When I preview it, I see a white background on the left with text and a blue background with text and a girl on the right. I can see that your backgrounds for each column have blue at the bottom but I don't see that until the width of the browser starts to go below 1420px. You are not going to see that blue at wider widths because the images are set to 'cover' and they are stretched to fit the width and height of the column plus you have the alignment set to 'top'. So as it expands the blue goes out of view. You will see it come into view as the width is decreased.
If you want the blue always visible with the color above it, then set the vertical alignment of the images to 'bottom'. I also noticed the images you are using are 960x1200. Why 1200px height? Seems very tall when the height of your grid in default view is only 646px. I would personally only make them slightly taller than the container they are going in to.
When I preview it, I see a white background on the left with text and a blue background with text and a girl on the right. I can see that your backgrounds for each column have blue at the bottom but I don't see that until the width of the browser starts to go below 1420px. You are not going to see that blue at wider widths because the images are set to 'cover' and they are stretched to fit the width and height of the column plus you have the alignment set to 'top'. So as it expands the blue goes out of view. You will see it come into view as the width is decreased.
If you want the blue always visible with the color above it, then set the vertical alignment of the images to 'bottom'. I also noticed the images you are using are 960x1200. Why 1200px height? Seems very tall when the height of your grid in default view is only 646px. I would personally only make them slightly taller than the container they are going in to.
Re: Problem with background image in layout grid
I saw it on my cell phone and it looked blue, and also on a tablet, and I thought it was a problem with my laptop. You saved me from having to find a solution to a problem that didn't exist. I really appreciate your help. Regards!
-
wwonderfull
-
- Posts: 1555
- Joined: Fri Aug 21, 2020 8:27 am
- Contact:
Re: Problem with background image in layout grid
what you wanted was legitimate in terms of web design but the way you structure the design layout, that is what had the flaw. It is all about the tricks.
Here is a demo of your project see if it fits your needs.
https://wormhole.app/Mb6JvK#58HsqlA4e8FN8PAFOxuNnA
