Dingo_Phillips
-
Posts
4 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Dingo_Phillips
-
I have figured out what is going. It was because the size of title text block was bigger that size of the content in the paragraph block. To the extent that the box for the title overlapped into the paragraph. This created the spacing issues experienced. Once the blocks were resized so that there borders were properly aligned, things fell into place as expected.
-
Site URL: crane-grouper-4fky.squarespace.com I am having a critical issue with the design of my site. Blocks are not staying consistently positioned when changing between different viewport sizes. See the two screenshots below. The first shows the design on a 1080p monitor. Notice there is one row of grid between the title of section and the paragraph. The second shows the same design on a 1440p monitor. Now there is almost 3 rows of grid between these sections. Why is this happening? It's making it impossible to design the site because the design only works on the monitor size it's designed on. As soon as you change monitor, the blocks either overlap or are massively spaced out because they're scaling with the grid in a strange way. The responsiveness does not appear to be working correctly. How can I fix this? Thanks.
-
How to overlap image between index page sections
Dingo_Phillips replied to Dingo_Phillips's topic in Customize with code
Never mind, I found the solution. I needed to adjust the z-index of each section. So that the "Work Better" section had a higher z-index than that "Trusted By" Section. -
Hi there, Page URL: Issue now Solved Version: 7.0 Template: Impact I am currently trying to make the illustration in the "Work Better" header overlap into the "Trusted By" section. Currently the bottom of the image gets cut-off. I have tried all combinations of overflow and z-index that I could think of, and yet the image continues to get cut-off. I've experimented and deleted various CSS versions, but here is the current custom CSS associated with this page: /* Header bg colour */ #new-page-92 { background-color:#eee7dd; overflow: visible !important; } /* Header img positioning */ #block-yui_3_17_2_1_1698318968765_2078{ top: 150px; overflow: visible !important; } Any help? Thanks
