11 {{ upvoteCount | shortNum }}
11 {{ upvoteCount | shortNum }}

OptimizePress help - centering header background image

by Anomalous
7 replies
  • WEB DESIGN
    • |
I am trying to use a full-width image for the header background image. I want to center it, instead of doing the tiled slice that OptimizePress uses by default.

In the custom CSS options I have added this:

#headerfullwidth{margin 0 auto; background-image: url(http://mydomain.com/wp-content/uploa.../09/header.jpg) !important;}

This displays the image, but it is not centered. It is still left-aligned.

What do I need to do?

Thanks!
#background #centering #header #image #optimizepress
  • Profile picture of the author Anomalous
    I bet one of you CSS wizards knows exactly how to do this. Help a brother out.


    Posted from Warriorforum.com App for Android
    Signature

    Build a MASSIVE list with this premade, highly optimized funnel plus $16 front-end commissions

    {{ DiscussionBoard.errors[7113426].message }}
  • Profile picture of the author BillyW
    Add background-position:center; to the CSS and you should be good to go.
    Signature
    Qosso.com - Exceptional Branding At Affordable Prices
    {{ DiscussionBoard.errors[7113456].message }}
    • Profile picture of the author Anomalous
      THANK YOU.

      It was so simple, yet in hours of searching, running a support ticket with OptimizePress, talking with the artist that made my header graphics for me, I could not find the right answer.

      I was up until 3am pulling my hair out over this one. I had steady traffic coming to a page with a screwed up header.

      I read all about different ways to center things with CSS, how to do custom CSS in OptimizePress, and nothing worked until now.

      Thank you again, you're awesome.

      To be clear about the solution for future sufferers of this problem...

      #headerfullwidth{background-position: center;background-image: url(http://mydomain.com/wp-content/uploa.../09/header.jpg) !important;}

      This goes in the custom CSS options for any page where you want a full width header background instead of a tiled "slice" like OptimizePress would normally have you do.

      Thank you so much.
      Signature

      Build a MASSIVE list with this premade, highly optimized funnel plus $16 front-end commissions

      {{ DiscussionBoard.errors[7114973].message }}
  • Profile picture of the author BillyW
    You're welcome. If you need anything help in the future let me know.
    Signature
    Qosso.com - Exceptional Branding At Affordable Prices
    {{ DiscussionBoard.errors[7115030].message }}
  • Profile picture of the author Andrei
    Does any of you guys know what custom CSS code should I add and where in order to have the sales page background centered instead of Tiled option?

    Thank you
    Signature
    Get Facebook Fans with less than 0.01$ per fan: 1550 FB Fans = 15$
    [5$ WSO] Discover 15 methods to increase your traffic and rankings!
    {{ DiscussionBoard.errors[7802916].message }}
  • Profile picture of the author Michael71
    I would wrap the whole stuff in a div and center the div.

    Example: Demo Page
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[7803240].message }}
  • Profile picture of the author igorGriffiths
    Thanks Chad and BillyW, this has resolved my issue with the header image not filling the screen which as Chad points out is not an issue as far as Optimizepress is concerned!
    {{ DiscussionBoard.errors[8020846].message }}

Trending Topics