13 {{ upvoteCount | shortNum }}
13 {{ upvoteCount | shortNum }}

Optimizepress Question: How To Make THIS Sales Page Look Like THAT Sales Page

by Cool Hand Luke
9 replies
  • WEB DESIGN
    • |
Hi Warriors,

Quick question for anyone who can help. I'm trying to find out how to narrow the width of the text on an Optimizepress Sales Page.

To clarify, here is the DEFAULT way Optimizepress sales pages come out, with the sentences/headlines and content almost 800 pixels wide:
Affiliates | Text Your Ex Back

Now here is the exact same Optimizepress Sales Page Template on another site, but this time the sentences/headlines have been narrowed to around 650 pixels wide:
Visual Impact Muscle Building

To clarify, I'm talking about how everything is narrower, leaving all of the empty space in the margins:



Does anyone know how to do this? I don't know if it's an Optimizepress thing or a Wordpress thing, but any insight would be appreciated.

Thanks!
#make #optimizepress #page #question #sales
  • Profile picture of the author Campbell24
    I had the same exact problem and switched to WooCanvas. Pretty much everyone I know ends up hating OptimizePress. But good luck with it.
    Signature
    FREE SEO CONSULTATION/ADVICE (from a 7-figure earner)

    I will answer your SEO questions 100% for free.

    Just ask me whatever you want!
    {{ DiscussionBoard.errors[7732892].message }}
    • Profile picture of the author Cool Hand Luke
      Originally Posted by bathunter View Post

      I had the same exact problem and switched to WooCanvas. Pretty much everyone I know ends up hating OptimizePress. But good luck with it.
      Well the fact that the 2nd example I posted had a narrowed text width means it's possible in Optimizepress, so I'm not gonna toss the theme yet...

      Bump for any help/suggestions...
      {{ DiscussionBoard.errors[7732908].message }}
  • Profile picture of the author drewfioravanti
    I love OptimizePress. It is so easy to use and easy to customize.

    On your page, go to text view.

    At the very top, place this code:

    <div style="width: 650px; margin: 0 auto;">

    It has to be at the very top, above all of your content in text view.

    Then, at the very bottom, after all of your content put this code:

    </div>

    Boom. 650px wide centered content.
    {{ DiscussionBoard.errors[7732956].message }}
    • Profile picture of the author Cool Hand Luke
      Originally Posted by drewfioravanti View Post

      I love OptimizePress. It is so easy to use and easy to customize.

      On your page, go to text view.

      At the very top, place this code:

      <div style="width: 650px; margin: 0 auto">

      It has to be at the very top, above all of your content in text view.

      Then, at the very bottom, after all of your content put this code:

      </div>

      Boom. 650px wide centered content.
      Gonna give this a try. Thanks Drew!

      EDIT: Works like a charm, thanks again Drew.
      {{ DiscussionBoard.errors[7733021].message }}
    • Profile picture of the author jamescanz
      Originally Posted by drewfioravanti View Post

      At the very top, place this code:

      <div style="width: 650px; margin: 0 auto">
      I was wondering how to do this as well for a while.

      Thanks for posting
      {{ DiscussionBoard.errors[7735673].message }}
  • Profile picture of the author drewfioravanti
    The only thing is that all of your content has to fit into that space. So if you have large images or a video, you may have issues.

    This is not just for OptimizePress. The text view basically takes you into html mode and you can put any html code in that you want.

    And, of course, you can change the 650 to however wide you want it...but you are still limited by the higher level container width.

    You can also add javascript in text view. Like your Aweber opt in. However, if you visit the page again in regular view, the javascript gets erased.

    No problem, Luke.

    Once you do it, you can switch back to regular view. You do not have to keep editing in text view (save for the javascript). When you do switch back, you should notice that the text area you are typing in is narrower.
    {{ DiscussionBoard.errors[7733036].message }}
  • Profile picture of the author drewfioravanti
    Sorry. I missed closing one of the styles. If you read this thread and copied the code, please update it to what it is now. There should be a ";" before the """ (Is that even possible) ie:

    <div style="width: 650px; margin: 0 auto;">

    Sorry!
    {{ DiscussionBoard.errors[7736418].message }}
    • Profile picture of the author brooksinvesting
      When I place that code onto my presell page, it widens the margins and works great when viewing on desktop...but the page is not mobile responsive.

      I know OptimizePress 2.0 pages are all mobile-responsive, but does manually adjusting the margins prevent that responsiveness from happening?

      Is the only option to create a desktop version of my site, with the customized margins, and a mobile version of the site where the margins are left as-is?

      I can see that being a problem because the same prospect may visit the site from desktop AND mobile, so having separate sites would still result in user problems.

      If anyone has run into, this I'd love to hear how you addressed the situation.

      Thanks!
      {{ DiscussionBoard.errors[9043779].message }}
  • Profile picture of the author ollwebsolution
    In CSS just reduce the width according to your need.
    {{ DiscussionBoard.errors[9044851].message }}

Trending Topics