Optimize Press CSS Help

by Banned 28 replies
36
First I must apologize as I feel like a fool for not being able to figure this out on my own. I'm sorry.

I looked at the FAQ's OP's Website, asked my friends, googled it, and even played with the CSS structure...but I can't figure it out. Now I'm appealing to my fellow Warriors.

One of my sites is a blog using Optimize Press. It looks good but I wanted to set a background image and watermark it so it is fixed and doesn't tile or anything like that. OP's only options for background images on their blogs is to have the image tiled...which looks like garbage to me.

I've tried to figure this out on my own as illustrated above, but no with no success. I like OP, but I don't like the plain old background colors. Any way I can do this? Or should I change themes if I really want a background image?

Thanks in advance, I appreciate it.
#website design #css #optimize #press
  • body {background-image:url('sample.gif');}


    Try posting that in your base or style css sheet.

    This is a good resource.

    w3schools.com/css3/css3_backgrounds.asp
    • [1] reply
    • OP is asking for a "fixed" position background. The amended code for your example would be:

      Code:
      body{
background-image:url('path-to-your-image/sample.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
      Update: Just saw MrMonetize's post above. I second that, especially the shorthand method.
      • [1] reply
  • Banned
    Did that and more but it hasn't worked. I'm startingto think that the OP creators pjut restrictions on how much you can customize the theme. They don't provide any good literature on the matter and I know you can't put background images on their squeeze pages. I'll keep trying and follow up with them too as there should be a answer to this question...even if it's a "no, you can't do that".
    • [1] reply
    • Hi,

      Under OptimizePress => General Settings, at the bottom of the page, you can add custom CSS to apply sitewide.

      When editing an individual page, under the page editing area, choose Page SEO & Optimization Options => Custom CSS Options to apply CSS to that one page (which will override sitewide settings)

      You definitely can change background image / color on both squeeze and sales pages.

      Jeff
      • [1] reply
  • If i've understood what you want, this should work fine.

    body { background:url(image.jpg) top left no-repeat; }


    If you have a small image and wanted some background color to fill out the rest of the page use:

    body { background:url(image.jpg) top left no-repeat #FFF; } (Change fff to whatever color you need)
    • [1] reply
    • Banned

      Unfortunately no. That has not worked in every variation of that code. The CSS has been unresponsive to any changes I've made.
      • [2] replies
  • we're kinda playing darts blindfolded here - DUCK!! lol

    Would you mind sharing the link to the page with us?
    • [2] replies
    • Works fine for me:

      http://jeffhope.net/test-css/
    • haha, im alright at blind darts.

      I hope you don't mind Jeff, ive delved into your code to try help the OP. Although it all should be in a css file rather than in the page like yours. But the important part is here.

      body { background-image: url('image.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment:fixed; }

      So OP, to make it easier post up the page link and ill show you where to add it. Its far neater to use the following shorthand instead of all that code above

      body { background: #fff url (image.jpg) no-repeat fixed top center; }

      You just need to know which css file is been used, and modify the code.
  • I agree with the OP here .. OptimizePress isn't well suited to being customized. I was working on a customization project with a brilliant Thesis designer and he got stuck many times. Documentation on the theme is lacking. I hope they fix this with Optimize Press 2.0
  • Banned
    Thanks for the attention to this matter, guys. I appreciate it. However, do any of you have a blog that runs with Optimize Press and experience customizing this particular theme? Because the answers I've got so far are honestly generic.

    I'll be willing to pay someone here who can help me figure this out. I do't want to reveal the URL yet because I want to keep the fledgling site on the DL for now until it's beefed up enough. Thank you for your help so far and thank you in advance for your responses.
    • [3] replies
    • I would like to help you.Just click on the signature below.
    • It's probably a 2 minute project max.

      If you will PM the URL to me, along with the url to the image you are trying to use for the background, I'll check it out and send you the css you need to use to set the background as indicated.
      • [1] reply
    • Hi guys. I've been trying this myself for the past several hours. I've read and re-read your posts and somehow I am still missing something. An assistance would be greatly appreciated!
      • [1] reply
  • Banned
    Update:

    I just attempted this on one of my sites that runs on Thesis Theme and it works no problem.

    It must be Optimize Press that doesn't allow customization of backgrounds on ANY of their templates because I hired a coder and they couldn't do it on OPress. Figured I share just in case anyone else tries this...hopefully Opress will amend this on their next update, but for now I don't see it to be possible as , much as I want it to be.
    • [1] reply
    • I'm sure Scott will sort this problem out for you in a couple of minutes. Every theme can be styled in anyway you like, you just have to work out where the styles are been defined in the first place. If you check out post #11 of this thread, you will see a page using Optimize Press with a custom background. The style for the background on that page is been defined in the actual page, rather than a separate style sheet. I hope this problem is resolved for you by Scott and you've learnt a little bit on how CSS works as well.
      • [1] reply
  • Banned
    Wow, I just figured it out. What a dumbass. Looks like I owe scott the wager bc I said it couldn't be done. I have to do it on every page manually but it can be done. Thanks guys, for all your help on this. I do appreciate it.
    • [1] reply
    • Glad you got it figured out.

      PS: You don't owe me a thing, except maybe a cold brew or a cup of coffee if you are ever in Bham
  • Banned
    [DELETED]
Join the discussion

Next Topics on Trending Feed

  • 36

    Optimize Press CSS Help

    First I must apologize as I feel like a fool for not being able to figure this out on my own. I'm sorry. I looked at the FAQ's OP's Website, asked my friends, googled it, and even played with the CSS structure...but I can't figure it out. Now I'm appealing to my fellow Warriors.