Layer inside Layout Grid

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
mckrahman
 
 
Posts: 92
Joined: Thu Feb 09, 2017 10:07 pm
Location: Prague

Layer inside Layout Grid

Post by mckrahman » Tue Sep 12, 2017 10:52 pm

Hi Everybody

Can anybody help me please..........

I want to design a webpage like the following link.

Image

how can i design a page like this using Layout Grid ?

Thank you

User avatar
Bluesman
 
 
Posts: 333
Joined: Mon Feb 01, 2016 5:43 pm
Location: Ecuador
Contact:

Re: Layer inside Layout Grid

Post by Bluesman » Wed Sep 13, 2017 2:01 am

Hi... maybe you should include the link :D
"Make My Day"

See my Website

User avatar
crispy68
 
 
Posts: 244
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Layer inside Layout Grid

Post by crispy68 » Wed Sep 13, 2017 2:19 am

A link would be nice to see how that site actually works but.... to me it simply looks like the following:

1. Insert a text box with centered text
2. Insert an image of 4 pots below it. Set full width = true in image settings.
3. Insert another text box with centered text.

User avatar
Pablo
 
Posts: 19348
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Layer inside Layout Grid

Post by Pablo » Wed Sep 13, 2017 5:54 am

You cannot put a layer inside a layout grid, because a layout grid is a flexible container. A layer is a fixed container.
However if you wish to overlap the layout grid then you can consider using a sticky layer.

mckrahman
 
 
Posts: 92
Joined: Thu Feb 09, 2017 10:07 pm
Location: Prague

Re: Layer inside Layout Grid

Post by mckrahman » Wed Sep 13, 2017 7:07 am

crispy68 wrote:
Wed Sep 13, 2017 2:19 am
A link would be nice to see how that site actually works but.... to me it simply looks like the following:

1. Insert a text box with centered text
2. Insert an image of 4 pots below it. Set full width = true in image settings.
3. Insert another text box with centered text.
HI

Thank you for your suggestion. but you know the layer with image just extends to the last layer. I mean the layer which belongs the text KORMA MENU

User avatar
Pablo
 
Posts: 19348
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Layer inside Layout Grid

Post by Pablo » Wed Sep 13, 2017 7:23 am

I do not thin this is the same layer. These are separate objects.

pajadt
 
 
Posts: 615
Joined: Sat Mar 16, 2013 11:23 am
Location: Europe

Re: Layer inside Layout Grid

Post by pajadt » Wed Sep 13, 2017 7:11 pm

- Fisrt grid is Maximum with - example 970px
- Second grid is whitout any limith with - can be fluid or fixed/ margin top - 50 /or other size example

Now you must regulate postion front / back for first frid - that must do with css code

Code: Select all

<style>
#wb_LayoutGrid1
 {
    z-index: 1;
}
</style>

User avatar
crispy68
 
 
Posts: 244
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Layer inside Layout Grid

Post by crispy68 » Thu Sep 14, 2017 1:16 am

Pajadt's option is a good one. I've made a simple demo similar to your image. This is done using 2 layout grids and no css. You can see it here:

http://tinyurl.com/y72qgjav

You download the project file here: http://ow.ly/lMv430f8Goj

This is just one way of doing it. There could be other options but hopefully it helps you in the right direction. :)

mckrahman
 
 
Posts: 92
Joined: Thu Feb 09, 2017 10:07 pm
Location: Prague

Re: Layer inside Layout Grid

Post by mckrahman » Fri Sep 15, 2017 11:00 pm

crispy68 wrote:
Thu Sep 14, 2017 1:16 am
Pajadt's option is a good one. I've made a simple demo similar to your image. This is done using 2 layout grids and no css. You can see it here:

http://tinyurl.com/y72qgjav

You download the project file here: http://ow.ly/lMv430f8Goj

This is just one way of doing it. There could be other options but hopefully it helps you in the right direction. :)

Thank you for your suggestion.

But Please look the text lines just below the picture. It is extended to the second layout grid.

Thank you

User avatar
crispy68
 
 
Posts: 244
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Layer inside Layout Grid

Post by crispy68 » Fri Sep 15, 2017 11:46 pm

If that is a must then instead of using the line in my example use a text box with the last line of text. Add padding to the text object for the sides and bottom and set the background color of the text box to the same color as the box above.

see example here: http://tinyurl.com/yahwlb6e

You'll just have to experiment to get your desired effect.

Post Reply

Who is online

Users browsing this forum: No registered users and 8 guests