Scott of Lehigh Valley Orthodontist asked me last week (sorry it took me a week to get back to you!) how we did the header on our landing page as seen below:
So here’s how we did it, and here is how you can do it for your Wordpress Landing Page Powered site too.
How to Mimic our Header:
1. Obviously you need Wordpress Landing Page to get started. So make sure you have a copy and it’s installed on your site and ready to go.
Background info:
The header is an image that is actually a background image called in by CSS. The actual CSS declaration for my home page looks like this:
2. To make this work for your site, you’ll want to edit a few things. First you’ll want to replace that ‘.longsalespage’ with whatever landing page you want this header to show up on. So it may be ‘bluelandingpage’ or ‘greylandingpage’ or whatever.
3. Now you want to change the image so it has your website’s name and tagline on it instead of mine. You can use my header graphic as a template. To download that template, just click here and then right click on the image and ‘Save As…’
4. Open up that image template in photoshop and make it look the way you want with your header and tagline, etc. Try to keep it the same size.
5. Now save and upload your modified header image to your wordpress site. And then flop out the URL where your image is with where my image is in the CSS declaration from above. So you’ll be changing:
6. Now grab your CSS declaration and plug it into your CSS file. The image should now show on whatever landing page you changed .longsalespage to, whether that be bluelandingpage’ or ‘greylandingpage’ or whatever. If it doesn’t work, make sure your image URL is right, you’ve emptied your cache and refreshed the page, and that you have all of the correct punctuation in the CSS.
Thesis Openhook has changed it’s settings recently with the launch of Thesis 1.7 to no longer have the stylesheet editor. I’m not possitive on the reasons for this, but I assume it’s a nod to Thesis’s increasingly useful stylesheet editor that comes built in.
With that, the instructions for installing the Wordpress Landing Page Theme have changed a bit. But only an itty-bitty bit.
Please take a look at the video below for detailed on instructions on where to place the custom css now…
I found out last night about a bug that was causing some people who installed the CSS to get funky borders on their landing pages, and occasionally the right side of the paragraph text would be hidden. If that sounds like a bug that you are having, then make sure to login and grab the new files from the ‘How to Download and Install’ Page.
Sorry about the bug and if you ever have a problem, make sure to submit a help ticket.
As some of you may know,this site runs on Wordpress. I can’t say enough about how great Wordpress is and it’s a pleasure to be part of the growing WP community.
Members of the Wordpress Landing Page Theme may find that this site is a lot easier to use than our competitors. If you were thinking that, then we both have Wishlist Member to thank.
As a marketer, I thought you might want to know how Wishlist Member works, so I did a long write up about Wishlist Member on my blog at bradleyspencer.com. You can check out the write-up and a Wishlist Member Coupon for you readers.
Source code has been updated. There were a few improvements I wanted to make and eventually put into the source code tonight. A bug that caused some landing pages to have a lot of extra white space on either side of the content has been removed, and you now have the ability to make each landing page a different width! If you already have a license for the Wordpress Landing Page Theme, then go download the new files, otherwise buy a license and start using Thesis to make money.
Support Forums are Go. Most people don’t realize that everybody who gets the Wordpress Landing Page Theme gets free support for life. But it’s true. And to make getting support (or browsing through common questions and customization) easier, you can now get into the Support Forum. Head over and check it out! We even have a thread where you can show off your own landing pages right here.
Well, I’m very pleased to announce that we’ve partnered with TrialPay and are now able to offer The Wordpress Landing Page Theme download free to everyone- whether or not you already own Thesis.
How does this work?
It’s simple. All you do is go to TrialPay and choose a trial. Maybe it’s a free month at blockbuster, or some Gap gift certificates or something. It’s likely something you’d like to have anyway. The advertiser whose trial you just chose actually buys the download for you, without you spending a dime.
Since the trials change all the time, I can’t tell you for sure what sorts of free stuff they have today, but you can click here to see the free offers.
So here’s how we did it, and here is how you can do it for your Wordpress Landing Page Powered site too.
