This will be a fairly simple tutorial, but let’s make the call to action that you see on the demo site:
This needs some special positioning behind the scenes, so we need to use some HTML code in a text widget.
<div id="cta-content"> <div id="cta-left"> Explore a new theme from Shaped Pixels called Influential, and see what it can do for your business. It's flexible, scalable, responsive, and offers a plethora of amazing features! </div> <div id="cta-right"> <a id="cta-button" href="https://www.shapedpixels.com/influential">Explore</a> </div> </div>
- Go to Appearance >> Widgets
- Drag a “Text Widget” into the “Call to Action” sidebar position
- Paste the above code into the widget and make any necessary changes to the content parts and replace the link on the button.
- Publish the widget to the Front Page (if using Display Widget or in Jetpack, the Widget Visibility feature)
- Click “Save“