I am taking the grid approach to create my site. as I am adding div blocks I was initially able to adjust the div blocks to span over multiple FRs horizontal and vertically in the grid(at this time the div block would show red when I would hover over them and I could adjust). I am not sure what I did but I am no longer able to adjust the div blocks and when I hover over a div block it shows a blue color. But the entire page has the red outline around it. please see attached screen shots
Hmm, I couldnât get your read-only link to work so I canât say for sure but this is probably because you arenât selection the top div. So if youâve got a div in a div in one grid, you need to select the parent div to get those red lines that allow you to move the div around. Let us know if that helped or that wasnât the issue.
thanks for your reply Sarah. I closed the application and re-opened it. once I clicked on the text div block (div in side of a div on grid) the red lines came back with the option for me to adjust the sizing. I then went to the navigator and saw I have selected the text div at the very bottom. so It might be a different solution that what you explained. hopefully you can see this attached screen shot!
I am very confused about what you are trying to achieve with a grid layout.
I would recommend that you just create a simple sketch / mockup of what you want this page to look like. At least then I could give you feedback on possible approaches.
It looks like you might benefit from running through some of the courses available on webflowâs university if you have not done so already.
I figured grid would be ideal for what I am trying to accomplish with positioning of images but maybe you will show me I was wrong! Here are some Mocs, this is the specific product page and the multi product page
Having same problem, cant resize div elements inside my grid. It wasnât a problem a couple of weeks ago but seems theres been an upgrade and this is a bug.
I am also having the same problem. When I click on an item inside the grid, the red line showing the boundary of the item is the whole grid and it has been messing up all of my content in tablet and mobile view.
Does anyone have any solution? Thank you so much!
I too am stuck not being able to span columns and rows in grid. I am just trying to figure things out before embarking on a project so nothing to show. In fact am following along with pixelGeek on youtube. I do not get the orange outline and handles. Is there something I/we are missing?
OK ignore seems changing browser works which is add as it worked fine in opera previously. Works in Chrome and Tor Browser so all is good. Sorry to trouble you all.
@aktiosphoto hi there! Glad you figured out the issue. Yes, the webflow designer doesnât always play nicely yet with browsers other than chrome, it can cause unexpected issues .
Hi there, I have the same exact problem of @bebble241
I added a section to the body
I added a grid
I am adding div blocks I was initially able to adjust the div blocks to span over multiple FRs horizontal and vertically in the grid (at this time the div block would show red when I would hover over them and I could adjust)
BUT now I am no longer able to adjust the div blocks they show inside the grid with a grey contour while the grid get the blue contour with the little handle to resize âŚ
The same happens when I start with a collection list and then I apply the grid, the Div blocks are not âresizableâ
I attach the read only link but there is nothing there,
just two PORTFOLIO SECTION with inside the grids
and inside each grid Div block âun-resizableâ
I am trying to expand the div box to span over a few rows and columns in grid (as everyone above) and am not getting a little box at the bottom of the div box to do so. The browser I am using is Chrome 79 so I am going to see if I can get Chrome 78 and see if that helps.
***UPDATE Google doesnât allow downloads of old versions. Iâve uninstalled and reinstalled Google 79 but still canât resize the Div Box in the Grid which I was going to use to pop photos in for my portfolio. (Similar to what Brian Haferkampâs Youtube video from 24 Oct 18 âCreate a Tiled Photo Gallery in Webflowâ.)
Hi Brandon,
Itâs on the Portfolio page, in the body which has a grid on it. Iâve dropped a DivBox into the grid as well as a container and photo but neither can I adjust even if I try to switch the DivBox to Flexbox.