Learn how to use basic web design coding skills to create a coming soon page in WordPress. Follow along as web designer Sarah walks you through the steps to from creating the background design to designing the email collection function to help you collect email addresses as your readers wait for the big launch.
If you have a question during the webinar, visit the Google+ page and ask a question!
The CSS Code Used
Below the is the inline CSS code used tonight. You can copy and paste into the HTML/Text editor to get the same great look!
<div style=”background-image: url(‘https://images.unsplash.com/photo-1461692906960-393dc9024115’); background-size: cover; box-shadow: inset 0 0 0 1000px rgba(0,0,0,.5); width: 100%; height:800px;”>
<p style=”color: white; font-size: 4em; text-align: center; padding-top: 100px; line-height: 200%; font-family: ‘Pacifico’;”>Sage + Rosemary
Flower Studio</p>
<p style=”color: white; font-size: 2em; text-align: center; padding-top: 20px; padding-right:15%;padding-left:15%;”>Leave your email and we’ll let you know when the site goes live. Plus get a free gift from us!</p>
<!– Begin Mailing Signup Form –>
[Insert your own Mailchimp, Convertkit, etc, Code Here]
<!–End email signup form->
</div>
Hungry for more?
Sign up for my HTML & CSS Crash Course for Creative Bloggers.
Leave a Reply