Using HTML and CSS with Elementor - Fast Fix Web Design
Fast Fix Web Design Recommends WP Rocket For Fast Page Loading as a Result of Tons of Client Experience!
using html and css with elementor

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: 

Where to Stay

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:

<strong><a style="font-size: 1.5em;" href="#" target="_blank">Hall’s Cabins</a></strong><br>  
1.5 miles away. Call (716) 679-6259<br>
<strong><a style="font-size: 1.5em;" href="http://cherrycreekinn.net/" target="_blank">Cherry Creek Inn B&B</a></strong><br> Only 3.3 miles away Call (716) 296-5105<br>
<strong><a style="font-size: 1.5em;" href="http://www.cabinsatfarringtonhollow.com/" target="_blank">The Cabins at Farrington Hollow </a></strong><br> Only 5.6 miles away. Call (716) 699-2425
or (716) 581-0724<br>
<strong><a style="font-size: 1.5em;" href="https://thechautauquaharborhotel.com/" target="_blank">Chautauqua Harbor Hotel<br>(Opening Soon) </a></strong><br>Only  119.2 miles away. Call (716) 489-2800<br>
<strong><a style="font-size: 1.5em;" href="http://thetrilliumlodge.com/" target="_blank" rel="noopener">The Trillium Lodge</a></strong><br />
Where good things come in 3s! Only<br />
4.9 miles away.<br />
<strong><a style="font-size: 1.5em;" href="https://www.facebook.com/sinclairvillesuperette18/" target="_blank" rel="noopener">Sinclairville Superette &amp; Deli (subs, pizza, etc.)</a></strong><br />
Only 6.0 miles away<br />
<strong><a style="font-size: 1.5em;" href="https://www.facebook.com/pages/Cherry-Creek-Sub-Shop/104870372889412" target="_blank" rel="noopener">The Cherry Creek Sub Shop </a></strong><br />
Only 4.8 miles away.<br />
<strong><a style="font-size: 1.5em;" href="https://www.whiskeyhillsaloon.com/" target="_blank" rel="noopener">Whiskey Hill Saloon </a></strong><br />
Only 16.3 miles away.<br />
<strong><a style="font-size: 1.5em;" href="https://www.facebook.com/JoJoasiancafe/" target="_blank" rel="noopener">JoJo’s Asian Café</a></strong><br />
Only 16.4 miles away
<span style="font-size: 1.5em;">Cherry Creek Museum</span><br />
<span style="font-size: 1.2em;">Cherry Creek, NY</span><br />
<span style="font-size: 1.5em;">Sinclairville Museum</span><br />
<span style="font-size: 1.2em;"> Sinclairville, NY</span><br />
<span style="font-size: 1.5em;">National Comedy Center</span><br />
<span style="font-size: 1.2em;"> Jamestown, NY</span>

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
WP Facebook Auto Publish Powered By : XYZScripts.com
Scroll to Top
  •  Free Elementor Template JSON File    Demo

    This One Page Business Website is meant to be used with the Elementor Canvas Template. Using the Elementor Responsive Settings, the main header menu disappears on mobile phones and becomes a vertical menu under the logo.

    Free One Page Business Site Elementor Template