3 {{ upvoteCount | shortNum }}
3 {{ upvoteCount | shortNum }}

How do I tweak this border on my sales page?

by OliviaHoang
2 replies
  • WEB DESIGN
    • |
I tried asking the OptimizePress support people, but they said that the border of the sales page used a background image, so they don't know what I could do with CSS to tweak it.

I'm wondering if any of you can help me out with this.

I'm trying to complete the top border on this page, and put padding on top so there's space between the beginning of the page, and the beginning of the "letter":

Thanks test page | Copy Intrigue

What should I do to complete the top border and put padding on the top so it looks like a proper letter?

Thanks!
#border #page #sales #tweak
  • Profile picture of the author johndoejohndoe
    Take your bottom image in your images folder, and flip it vertically in photoshop or another image manipulation program: launch1footer.png

    Upload to your images folder, then change the background image in your css to the flipped image location. Noticed I've changed the first line in the '#launchheaderbottom' css to 'launch1headertop.png'.

    Code:
    #launchheaderbottom {
    background-image: url("images/launch1headertop.png");
    height: 16px;
    margin: 0 auto;
    width: 977px;
}
    Add margin to the top of the page by adding it to the same div you added in your top shadow. The CSS for this should now look like:

    Code:
    #launchheaderbottom {
    background-image: url("images/launch1headertop.png");
    height: 16px;
    margin: 25px auto 0;
    width: 977px;
}

Change 25px to how much or little margin you want at the top of your page.
    Signature
    Mobile App. and Game Development under $1,000 ~ GrapedStudios.com
    {{ DiscussionBoard.errors[5595802].message }}
    • Profile picture of the author OliviaHoang
      Originally Posted by johndoejohndoe View Post

      Take your bottom image in your images folder, and flip it vertically in photoshop or another image manipulation program: launch1footer.png

      Upload to your images folder, then change the background image in your css to the flipped image location. Noticed I've changed the first line in the '#launchheaderbottom' css to 'launch1headertop.png'.

      Code:
      #launchheaderbottom {
    background-image: url("images/launch1headertop.png");
    height: 16px;
    margin: 0 auto;
    width: 977px;
}
      Add margin to the top of the page by adding it to the same div you added in your top shadow. The CSS for this should now look like:

      Code:
      #launchheaderbottom {
    background-image: url("images/launch1headertop.png");
    height: 16px;
    margin: 25px auto 0;
    width: 977px;
}

Change 25px to how much or little margin you want at the top of your page.
      It didn't work. I wonder why?
      Signature
      {{ DiscussionBoard.errors[5607114].message }}

Trending Topics