Clickable Column & Text Stroke Effect

May 9, 2022

In this video, I recreate the two column layout effect from The Brooklyn Tower website.

Example Website:
https://thebrooklyntower.com/

Note: This tutorial is using the new Elementor Flexbox Containers. You will need the latest version of Elementor to follow this tutorial.

Chapters:

  • 00:00 Intro
  • 01:33 Looking at the code
  • 05:09 Building in Elementor
  • 14:40 Adding Custom CSS
  • 19:15 Adjusting Mobile Styles

CSS Code Used:

				
					.half:hover h2, .half:hover span{color: #fff!important;-webkit-text-stroke:0!important;}
				
			

*Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business!

Share this post:

Facebook
Reddit
Twitter
Pinterest
LinkedIn
Email

More Free Resources