Search found 422 matches

by protectourlands
Thu Nov 07, 2019 5:01 pm
Forum: Responsive Web Design
Topic: Flex Grid As A Single Row
Replies: 2
Views: 2024

Flex Grid As A Single Row

I have been experimenting with Flex Grid and must agree with Pablo - this is likely the future in responsive page layout. Amazing! I have a page currently structured with Layout Grid and floating layers. I need one of the rows of content to change the order of the rows when stacked from multiple col...
by protectourlands
Wed Nov 06, 2019 4:52 pm
Forum: Responsive Web Design
Topic: Layout Grid and Five Columns
Replies: 14
Views: 3488

Re: Layout Grid and Five Columns

OK I waked away and came back to it with a fresh look and was able to use the column padding to get the desired spacing. My guess is I was applying it to the wrong breakpoint when I last tried it. I removed the transparent shapes. All set now. Thank you again.
by protectourlands
Tue Nov 05, 2019 3:57 am
Forum: Responsive Web Design
Topic: Layout Grid and Five Columns
Replies: 14
Views: 3488

Re: Layout Grid and Five Columns

Unfortunately it was a button from a shape so padding it was not an option in the manager. For some reason padding the columns didn't work either. not sure how to add margin to an object. Nonetheless the transparent shape did the trick. I could not be happier with the result. Thank you again.
by protectourlands
Tue Nov 05, 2019 3:41 am
Forum: Responsive Web Design
Topic: Layout Grid and Five Columns
Replies: 14
Views: 3488

Re: Layout Grid and Five Columns

Worked like a charm crispy68

There was no way to pad the bottoms after the stacking to keep them spaced apart so I used a css3 shape transparent to build space. Everything looks great. Thank you again for taking the time to walk me through this method.
by protectourlands
Tue Nov 05, 2019 1:52 am
Forum: Responsive Web Design
Topic: Layout Grid and Five Columns
Replies: 14
Views: 3488

Re: Layout Grid and Five Columns

Wow this is exactly what I am trying to do. I never thought of putting grids inside of a grid. I'll have to study this. Thank you so much for taking the time to make this demo. This really opens up the possibilities.
by protectourlands
Tue Nov 05, 2019 1:00 am
Forum: Responsive Web Design
Topic: Layout Grid and Five Columns
Replies: 14
Views: 3488

Re: Layout Grid and Five Columns

If they can break to multiple rows while horizontal before it goes to stacked mode then I believe I have an answer.
Yes I think that is what I am trying to do.
by protectourlands
Tue Nov 05, 2019 12:58 am
Forum: Responsive Web Design
Topic: Layout Grid and Five Columns
Replies: 14
Views: 3488

Re: Layout Grid and Five Columns

Thank you Crispy68 I have 5 images with text below them, then a button below the text. The columns are set to center. By "stacked" I meant wrapped, as in using the overflow custom settings to get 3 columns in the first row and 2 columns in the second row At about 768 the columns get tight and begin ...
by protectourlands
Tue Nov 05, 2019 12:38 am
Forum: Responsive Web Design
Topic: Layout Grid and Five Columns
Replies: 14
Views: 3488

Re: Layout Grid and Five Columns

Yes but it changes the width of the other columns in that row, throwing off the alignment on the stack.

The 1,2,2,2,2,1 becomes 4,4,4 with overflow custom. So I need 3 column in the first row and 2 columns in the second row. I m really struggling with this. I appreciate your advice.
by protectourlands
Tue Nov 05, 2019 12:21 am
Forum: Responsive Web Design
Topic: Layout Grid and Five Columns
Replies: 14
Views: 3488

Re: Layout Grid and Five Columns

I tried that first, but when I stack the columns the first column is blank in the first row.

Is there a way to make that column invisible without affecting the widths of the other columns?
by protectourlands
Mon Nov 04, 2019 10:46 pm
Forum: Responsive Web Design
Topic: Layout Grid and Five Columns
Replies: 14
Views: 3488

Layout Grid and Five Columns

What is the best way to make 5 columns equal width in Layout Grid?
by protectourlands
Mon Nov 04, 2019 3:10 pm
Forum: Responsive Web Design
Topic: Floating Layer Height Change and Layout Grid
Replies: 10
Views: 3414

Re: Floating Layer Height Change and Layout Grid

I even tried directly editing the CSS after publish and that did not work either.

Changed

Code: Select all

height:442px
to

Code: Select all

height: auto
No worries. I changed the format to "cover" so the height stays the same.

I really appreciate the time you took to look at this Pablo.
by protectourlands
Sun Nov 03, 2019 7:14 pm
Forum: Responsive Web Design
Topic: Floating Layer Height Change and Layout Grid
Replies: 10
Views: 3414

Re: Floating Layer Height Change and Layout Grid

I added it to the floating layer Object HTML > Custom style The resulting code is <div id="Layer1" style="position:relative;text-align:center;width:100%;height:442px;float:left;clear:left;height: auto !important;"> <div id="Layer1_Container" style="width:1650px;height:442px;position:relative;margin-...
by protectourlands
Sun Nov 03, 2019 4:50 pm
Forum: Responsive Web Design
Topic: Floating Layer Height Change and Layout Grid
Replies: 10
Views: 3414

Re: Floating Layer Height Change and Layout Grid

Unfortunately that didn't work. Thank you for explaining all this though. I'll try a different design.

All the best to you
by protectourlands
Sun Nov 03, 2019 4:31 pm
Forum: Responsive Web Design
Topic: Floating Layer Height Change and Layout Grid
Replies: 10
Views: 3414

Re: Floating Layer Height Change and Layout Grid

This has nothing to do with the layout grid. Exactly and this is what I have discovered. It is the fixed height of the layer that is keeping the grid from floating upward. If you need a flexible height then you can override the height with custom code. Can I do this in the Object HTML > Custom Style?
by protectourlands
Sun Nov 03, 2019 3:28 pm
Forum: Responsive Web Design
Topic: Floating Layer Height Change and Layout Grid
Replies: 10
Views: 3414

Re: Floating Layer Height Change and Layout Grid

Hi Pablo Unfortunately the grid is not floating to the varying layer height. It doesn't because I believe the floating layer sets a fixed height even though it is set to "contain". Here is the html generated for the layer: <div id="topimage" style="position:relative;text-align:center;width:100%;heig...