Using HTML and CSS with Elementor

Using HTML and CSS with Elementor

I had a great oportunity, yesterday, to use HTML and CSS with Elementor when I had a client send me a request to incorporate 3 paragraphs into a new “Area Guide” page. The three paragraphs looked like this: 

Right away, I thought of the Elementor Call to Action Widget. I decided to use it with a combination of HTML and CSS. The widget at first is not very interesting:

Empty Call to Action Widgets

This is the heading

Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

This is the heading

Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

This is the heading

Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

First I Added the Raw Content to the Widgets

Where to Stay

Hall’s Cabins 1.5 miles (716) 679-6259 Cherry Creek Inn B&B 3.3 miles 1022 West Road Cherry Creek, NY 14723 (716) 296-5105 http://cherrycreekinn.net The Cabins at Farrington Hollow 5.6 miles 7495 Farrington Hollow Road Cherry Creek, NY 14723 (716) 699-2425 (716) 581-0724 (website pending) Chautauqua Harbor Hotel 19.2 miles 10 Dunham Ave Celoron, NY 14720 *not open yet* (716) 489-2800 http://flthechautauguaharborhotel.com

Where To Eat

The Trillium Lodge Only 4.9 miles away. Sinclairville Superette & Deli (subs, pizza, etc.) https://www.facebook.com/sinclairvillesuperette18/ The Cherry Creek Sub Shop https://www.facebook.com/pages/Cherry-Creek-Sub-Shop/104870372889412 Only 4.8 miles away. Whiskey Hill Saloon https://www.whiskeyhillsaloon.com/ Only 16.3 miles away. JoJo’s Asian Café https://www.facebook.com/JoJoasiancafe/ Only 16.4 miles away

Things To Do

Cherry Creek Museum, Cherry Creek, NY Sinclairville Museum, Sinclairville, NY National Comedy Center. Jamestown, NY

Next I Find Interesting Images, Apply Elementor Styling and then Add HTML and CSS to the Content

The HTML and CSS:

[php] Hall’s Cabins
1.5 miles away. Call (716) 679-6259
Cherry Creek Inn B&B
Only 3.3 miles away Call (716) 296-5105
The Cabins at Farrington Hollow
Only 5.6 miles away. Call (716) 699-2425 or (716) 581-0724
Chautauqua Harbor Hotel
(Opening Soon)

Only 119.2 miles away. Call (716) 489-2800
[/php]
[php]The Trillium Lodge
Where good things come in 3s! Only
4.9 miles away.
Sinclairville Superette & Deli (subs, pizza, etc.)
Only 6.0 miles away
The Cherry Creek Sub Shop
Only 4.8 miles away.
Whiskey Hill Saloon
Only 16.3 miles away.
JoJo’s Asian Café
Only 16.4 miles away[/php]
[php]Cherry Creek Museum
Cherry Creek, NY
Sinclairville Museum
Sinclairville, NY
National Comedy Center
Jamestown, NY[/php]

And Finally Add Images and Elementor Style

Where To Stay

Hall’s Cabins
1.5 miles away. Call (716) 679-6259
Cherry Creek Inn B&B
Only 3.3 miles away Call (716) 296-5105
The Cabins at Farrington Hollow
Only 5.6 miles away. Call (716) 699-2425 or (716) 581-0724
Chautauqua Harbor Hotel
(Opening Soon)

Only 119.2 miles away. Call (716) 489-2800

Where To Eat

The Trillium Lodge
Where good things come in 3s! Only 4.9 miles away.
Sinclairville Superette & Deli (subs, pizza, etc.)
Only 6.0 miles away
The Cherry Creek Sub Shop
Only 4.8 miles away.
Whiskey Hill Saloon
Only 16.3 miles away.
JoJo’s Asian Café
Only 16.4 miles away

Things To Do

Cherry Creek Museum
Cherry Creek, NY
Sinclairville Museum
Sinclairville, NY
National Comedy Center
Jamestown, NY