Optimize Press CSS Help

by Devin X Banned
28 replies
  • WEB DESIGN
  • |
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.
#css #optimize #press
  • Profile picture of the author ImagineMonkey
    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
    Signature
    Imagine Monkey: Designing websites, one banana at a time.

    http://www.ImagineMonkey.com
    {{ DiscussionBoard.errors[6778873].message }}
  • Profile picture of the author Devin X
    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".
    {{ DiscussionBoard.errors[6781497].message }}
    • Profile picture of the author Jeff Hope
      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
      {{ DiscussionBoard.errors[6781973].message }}
      • Profile picture of the author Devin X
        Banned
        Originally Posted by Jeff Hope View Post

        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
        As I said in my OP, that didn't work. None of their options work and neither have my attempts to manually change the CSS. I'm starting to think that the Optimize Press theme isn't all that customizable.
        {{ DiscussionBoard.errors[6791240].message }}
  • Profile picture of the author MrMonetize
    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)
    {{ DiscussionBoard.errors[6793910].message }}
    • Profile picture of the author Devin X
      Banned
      Originally Posted by MrMonetize View Post

      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)

      Unfortunately no. That has not worked in every variation of that code. The CSS has been unresponsive to any changes I've made.
      {{ DiscussionBoard.errors[6794292].message }}
      • Profile picture of the author MrMonetize
        Originally Posted by TheRealDudeman View Post

        Unfortunately no. That has not worked in every variation of that code. The CSS has been unresponsive to any changes I've made.
        Have you replaced the code that optimize press is using. You havent added it below it or in the wrong style sheet? You have replaced image.jpg with your own image name?

        Is the CSS sheet in the same level as the images folder? If its a level deeper, you will need to add it to the image location. So (../images/imagename.jpg)

        Let me know, ill help you figure it out.
        {{ DiscussionBoard.errors[6794393].message }}
      • Profile picture of the author prtt75
        Originally Posted by TheRealDudeman View Post

        Unfortunately no. That has not worked in every variation of that code. The CSS has been unresponsive to any changes I've made.
        If it is unresponsive, then, it must be referencing a different css file. Can you post the source here. View source in your browser.
        {{ DiscussionBoard.errors[6794822].message }}
  • Profile picture of the author webpeon
    we're kinda playing darts blindfolded here - DUCK!! lol

    Would you mind sharing the link to the page with us?
    Signature
    Web 2 Mobile
    The Future of The Web
    {{ DiscussionBoard.errors[6795710].message }}
    • Profile picture of the author Jeff Hope
      I know you can't put background images on their squeeze pages
      Works fine for me:

      http://jeffhope.net/test-css/
      {{ DiscussionBoard.errors[6795879].message }}
    • Profile picture of the author MrMonetize
      Originally Posted by webpeon View Post

      we're kinda playing darts blindfolded here - DUCK!!
      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.
      {{ DiscussionBoard.errors[6796077].message }}
  • Profile picture of the author OutsourceFactor
    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
    {{ DiscussionBoard.errors[6799464].message }}
  • Profile picture of the author Devin X
    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.
    {{ DiscussionBoard.errors[6802853].message }}
    • Profile picture of the author wellm97
      I would like to help you.Just click on the signature below.
      {{ DiscussionBoard.errors[6853597].message }}
    • Profile picture of the author clickbump
      Originally Posted by TheRealDudeman View Post

      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.
      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.
      Signature
      {{ DiscussionBoard.errors[6855104].message }}
      • Profile picture of the author Devin X
        Banned
        Originally Posted by clickbump View Post

        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.
        Do you have experience customizing Optimize Press? Themes have varying degrees of customization and Opress isn't one that "likes" to be customized. As I said in my last post, I could do it in 2 min with Thesis Theme...but spent a week tinkering with Opress with no success.
        {{ DiscussionBoard.errors[6856139].message }}
        • Profile picture of the author clickbump
          Originally Posted by TheRealDudeman View Post

          Do you have experience customizing Optimize Press? Themes have varying degrees of customization and Opress isn't one that "likes" to be customized. As I said in my last post, I could do it in 2 min with Thesis Theme...but spent a week tinkering with Opress with no success.
          No theme (or web page for that matter) is immune to custom css overrides. It can be done, without question and without interacting with the theme's option settings. It will simply be a one or two line CSS snippet that you would add to the theme's stylesheet.

          If I can't do it, and I guarantee I can, I'll pay *you* with a free copy of a theme which surely is customizable to your heart's content
          Signature
          {{ DiscussionBoard.errors[6856458].message }}
    • Profile picture of the author davidhrhea
      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!
      {{ DiscussionBoard.errors[7940547].message }}
      • Profile picture of the author Mohsin Rasool
        Originally Posted by davidhrhea View Post

        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!
        Hi David,

        Let me know, I can help you with this. You can PM me or send me ticket using my W4H thread listed in my sig.

        Sometime it is better to let the coder inspect and fix issue on spot instead of wasting to much time yourself if it is just one css issue which you need not to master for future work.

        Looking forward to be any help i can in this regard.

        Best Regards,
        Mohsin
        {{ DiscussionBoard.errors[7942264].message }}
        • Profile picture of the author Kelvin Nikkel
          So you figured it out, what exactly did you do to fix it?

          It would be helpful for the rest of us struggling with this issue
          if you would be so kind as to share your new insight.

          Thanks
          Kelvin
          {{ DiscussionBoard.errors[8237692].message }}
  • Profile picture of the author Devin X
    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.
    {{ DiscussionBoard.errors[6852648].message }}
    • Profile picture of the author MrMonetize
      Originally Posted by TheRealDudeman View Post

      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.
      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.
      {{ DiscussionBoard.errors[6857678].message }}
      • Profile picture of the author Jeff Hope
        The styling on that page you reference ( in post 11 ) was added to the custom CSS input area for that particular page (this is provided by the OP theme).

        OptimizePress then pulls the code out of the database and adds it to the page when the page is rendered.

        But yeah, it can clearly be done with OptimizePress, and that page proves it.
        {{ DiscussionBoard.errors[6857903].message }}
  • Profile picture of the author Devin X
    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.
    {{ DiscussionBoard.errors[6862080].message }}

Trending Topics