Home › Forum › Customization › Landing page
This topic contains 10 replies, has 2 voices, and was last updated by StartupWP 5 years, 11 months ago.
- AuthorPosts
- April 22, 2013 at 10:52 AM #663
Hi all,
I’ve bought the Startup Pro, because with it I can make landing pages too, but I don’t understand How I can do it?
Someone can show me how I can make a simple page, without menu or other link, to put in there a Form, and some paragraphs?
thank you
April 22, 2013 at 11:39 AM #664The Creative option, give me tha way to create landing page, but how I can create the effect of the page? It’s all blank…
April 22, 2013 at 11:50 AM #665That’s correct, it’s completely blank like a painter’s canvas for you to add whatever you want, and only what you want.
For example, a YouTube video, some text, a “Call to Action” button. You’ll find that the WP editor lets you add all sorts of content. You can also utilize some of the built-in shortcodes:
https://startupwp.com/demo/shortcodes/
The sky is the limit. What specifically did you have in mind?
April 22, 2013 at 12:14 PM #667I have made a page like this:
http://www.robertagavioli.it/i-5-segreti/
I have the header, footer and the mid image.
Now, I want to put this in wordpress, in a new Page of wordpress, I ‘ve made a new one, a new page, with CREATIVE option selected.
I have made this: http://www.robertagavioli.it/landing-page/
the problem how did you see, it’s the mid image, I can’t make a connection with the Header and Footer image.
I have the code too, if you need.
How can I make this in wordpress too?
April 22, 2013 at 1:26 PM #674Give that middle tr a class of say middle.
So the tr that wraps the area starting with “Come andare…“, give it the class like so:
<tr class="middle">
Now, we can add the following CSS:
.middle {
background: url(http://www.robertagavioli.it/i-5-segreti/images/mid_bg.png) repeat-y scroll 0 0 transparent;
}https://startupwp.com/topic/customizing-your-theme/
Will likely require a bit more tweaking, we’ll be here to help.
April 22, 2013 at 8:44 PM #676Ok, so , look here, I’ve made this: http://www.robertagavioli.it/lll/
And I used this code:
<table width=”788″ height=”422″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ id=”Table_01″>
<tr>
<td><img src=”http://www.robertagavioli.it/wp-content/uploads/2013/04/header.png” width=”788″ height=”231″></td>
</tr>
<tr>
<td border=”0″ class=”middle” ></td>
</tr>
<tr>
<td><img src=”http://www.robertagavioli.it/wp-content/uploads/2013/04/footer.png” width=”788″ height=”98″></td>
</tr>
</table>
And this style:
.middle {
width: 788px;
height: 300px;
background: url(http://www.robertagavioli.it/wp-content/uploads/2013/04/mid_bg.png) repeat-y ;
margin: 0 auto;
}
Now… I have a only one, problem… why do I have that tiny white space between header and mid?
How, can I remove it?
Thank you for you’re help.
April 23, 2013 at 7:32 AM #677Strange, even trying a CSS reset on it didn’t seem to work.
Try giving the top tr a class of top and add the following CSS:
.top {
background: url(http://www.robertagavioli.it/wp-content/uploads/2013/04/mid_bg.png) no-repeat scroll center bottom transparent;
}April 23, 2013 at 8:41 AM #679I don’t know if I made it correctly , the new page here: http://www.robertagavioli.it/5-segreti/
<table width=”788″ height=”422″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ id=”Table_01″>
<tr >
<td><img src=”http://www.robertagavioli.it/wp-content/uploads/2013/04/header.png” width=”788″ height=”231″></td>
</tr>
<tr class=”top”>
<td border=”0″ class=”middle” >
< HERE I HAVE INSERTED WHAT DID YOU SEE THERE , form…ecc>
</td>
</tr>
<tr>
<td><img src=”http://www.robertagavioli.it/wp-content/uploads/2013/04/footer.png” width=”788″ height=”98″></td>
</tr>
</table>
And this stylesheet:
.middle {
width: 788px;
height: 300px;
background: url(http://www.robertagavioli.it/wp-content/uploads/2013/04/mid_bg.png) repeat-y 50% 50%;
margin: 0 auto;
}
.top {
background: url(http://www.robertagavioli.it/wp-content/uploads/2013/04/mid_bg.png) no-repeat scroll center bottom transparent;
margin: 0 auto;
}
body, li, p, td {
font-family: Arial, Helvetica;
font-size: 11pt;
}
But is still don’t working…
If you should, make a page, on a Creative style, how did you make… I don’t know why this doesn’t working…
Any idea?
April 23, 2013 at 10:27 AM #680Update to:
<table width="788" height="422" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr border="0" class="top">
<td><img src="http://www.robertagavioli.it/wp-content/uploads/2013/04/header.png" alt="" width="788" height="231" /></td>
</tr>
<tr border="0" class="middle">
<td>< HERE I HAVE INSERTED WHAT DID YOU SEE THERE , form…ecc></td>
</tr>
<tr border="0" class="bottom">
<td><img src="http://www.robertagavioli.it/wp-content/uploads/2013/04/footer.png" alt="" width="788" height="98" /></td>
</tr>
</table>April 24, 2013 at 10:22 AM #681April 24, 2013 at 5:38 PM #683Wonderful to hear.
You’re welcome.
- AuthorPosts
You must be logged in to reply to this topic.