Archived topic
GenerateBlocks split color full-width footer
3 replies · Started by George on June 28, 2021
I feel kind of stuck as I am not able to replicate the footer found on the website attached. I want to split the colors full-width but keep the containers contained as in the example. I tried Gradient in the outer container but it's not as controlled and responsive.
Any ideas?
Hi George,
The site reference is using a pseudo-element to apply the teal background on the left column.
Check this out - https://share.getcloudapp.com/OAuQ8pNZ
You may have to write custom CSS to achieve the same result. (Apply bg color on a pseudo element with position absolute, then set position relative to parent. (make sure only right: 0; is set. not left:0.)
Makes sense, perfect, thanks, Elvin!
No problem. Glad to be of any help. :D
