New Topic

Landing page

Home › Forum › Customization › Landing page

This topic contains 10 replies, has 2 voices, and was last updated by  StartupWP 5 years, 11 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #663

    cs3v3n
    Participant

    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

    #664

    cs3v3n
    Participant

    The Creative option, give me tha way to create landing page, but how I can create the effect of the page? It’s all blank…

    #665

    StartupWP
    Keymaster

    That’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?

    #667

    cs3v3n
    Participant

    I 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?

    #674

    StartupWP
    Keymaster

    Give 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.

    #676

    cs3v3n
    Participant

    Ok, 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.

    #677

    StartupWP
    Keymaster

    Strange, 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;
    }

    #679

    cs3v3n
    Participant

    I 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?

    #680

    StartupWP
    Keymaster

    Update 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>

    #681

    cs3v3n
    Participant

    Thank you very much, look http://www.robertagavioli.it/5-segreti/

     

    it worked, you are awesome :)

    #683

    StartupWP
    Keymaster

    Wonderful to hear.

    You’re welcome.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.