Place Thirds Overlay Guide- Layout Ideas

Design help General
1

Hello Everyone, I’m new to Webflow and I’m impressed at the ease of use. I have almost finished my first site in under a day. I would really like to figure out how to overlay a ‘Rule of Thirds’ overlay over the top of my site. There has got to be a way to do that. If not, I’m looking for a workaround. I just need to overlay a transparent .png over the site.

Other than that, I’m interested in how other people layout their site. I can see using the grid system, but it’s not great for this site. The images need to be in between the corners of the grid. I can move the images into more than one square, but then the grid lines disappear. It’s possible I’m missing something.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

on the lower left of the designer you’ll see an icon that looks like an eye with 6 columns. click that and you’ll see a 6 column grid overlay appear on your site. Hope that helps!

3

I did see that and it’s helped a little bit, but I would like a rule of thirds overlay.

Like this:

rule-of-thirds-portrait
rule-of-thirds-portrait1600×1067 303 KB

4

No ideas on how to do this?

5

hey i’m right now running into a similar kind of issue and realize that the guide overlay of webflow is very static and for example not the same as my adobe xd overlay - and i would like to adjust the webflow overlay in a way that it fits perfetcly what i have done in adobe xd…