Yeah right someone is going to use this on shopping site to excite people to buy.

Roadmap

You may have noticed Prosper's decidedly monochromatic appearance. This theme is intended to be very easily changed to a different look, and we plan to add color scheme support.

Adding color module support to Prosper is something I would be willing to help with, but that's something for another Issue. You post isn't clearly worded and sounds rude and disrespectful. Prosper is an amazing theme, and although you just focused on it's monochromatic appearance, there is so much more going on in there, the Skinr support for this theme is truly amazing, giving the end user many configurable options for blocks and views. Changing Prosper's colors is very easy if you know CSS, if you don't, maybe you should hire someone to do it for you instead of complain ;)

Thanks stephthegeek and all the people at TNT and Acquia for giving us this fantastic theme!

domineaux,

I understand your desire to avoid having to deal with your custom code after an update. That's one of the reasons we have a "local-sample.css" file in Acquia Prosper's css directory. Just rename it as "local.css" and any css code you add to it will change the look of your theme, but won't be overwritten when you update.

As stephthegeek mentioned, Acquia Prosper is intentionally monochromatic to better serve as a starting point for more unique and colorful designs.

For instance, I'm not much of a designer (more of a coder) but after playing around for a few minutes with some colors (Color Combos is a great inspiration), I was able to give Acquia Prosper a quite different look just by dropping the following css into a local.css file in the css directory:

body {
  background: #d3cec3;
}

.header-group-wrapper,
.header-group .inner {
  background: #3d6a7d;
}

.header-primary-menu-wrapper {
  background: #8c2a00;
}

.postscript-bottom-wrapper {
  background: #3d6a7d;
}

.breadcrumbs .inner {
  background: #f4f4f4;
}

ul.pager {
  background: #f4f4f4;
}

ul.pager li.pager-current {
  background: #d3cec3;
}

Of course certain color palettes will work better with the monochromatic elements, and there are other details I could tweak to make it look nicer, but I think you get the idea. If you have time, try tinkering around a bit and see if you can create something that better meets your needs.

Thanks for taking the time to try out Acquia Prosper.

Hi sociotech, can you please teach me how to change the color scheme of the Acquia Prosper theme?

In the folder "Acquia Prosper / css", I renamed the file "local-sample.css" to "local.css".
I copy & paste the css color scheme example from your post into the file "local.css"
When I refreshed my browser, nothing happen. I even flushed all cashes and nothing has changed.
I copy & paste the css color scheme example with and without the original text that was in the file "local.css"
The reason why I was using your css color scheme, was because I want to see If I can get it to work before spending the time making my own color scheme.

I spent all day trying to get this to work. I can't really say that I wasted my whole day, I have learn a lot during the process. I must say, I am in love with the Acquia Prosper theme, it's very powerful and is well designed. And best of all, it is free. If I had the extra cash, I would buy a ubercart theme from topnotchthemes in a heartbeat. Thank you for replying to the earlier post, if you had not, I would have never found you. I hope you can help me out, I spent so much time trying to get this to work, and asking for help was my last resort.

Hi yakuzax,

You need to add this file to the .info file of the theme:

stylesheets[all][] = css/acquia-prosper-style.css

;Custom styles
stylesheets[all][] = css/local.css

As you can see I added below the general styles, our local css file. Then you need to flush all caches, and you will see your changes.

I also suggest looking at the design packs:

; Acquia Prosper includes two design packs for different color schemes: all color-related styles are separated into this stylesheet to make it easy to create your own custom color scheme. Gray is the default.
;stylesheets[all][] = design_packs/gray/gray.css

; Comment out the above CSS file and uncomment this one to switch to the blue color scheme
stylesheets[all][] = design_packs/blue/blue.css

As you can see above I commented out the gray style, and changed it to blue. I just added a ";" before the gray stylesheet call, and removed the one from the blue stylesheet. What's cool about this is that you can make your own folder inside the design packs folder with a custom set of styles and images, and then call the style from the .info file like I did above.

Hope this was clear and it helps.

Thank you so much ipwa!

here is my eCommerce attempt! www.euoptica.com - using Acquia prosper, it is still in progress and has a long way to go, this is my first time using drupal, I am very impressed with it. Does anyone know an ie fix for getting images to diplay? It is fine in every other browser.... :(

Cheers Dude (ipwa)

very helpful

I love it when a community comes together

Hi ipwa,

I commented the grey style sheet and unrecommented blue. Flushed the cache, flushed the browser cache even disabled and re-enabled the Acquia Prosper theme. Still I see grey background. Any hints?

Thanks

The grey worked for me.

I like sociotech's example but there is a line where the main screen cuts off and everything visible only upon scrolling changes color and I can not yet figure out how to change it. But it is a good start to learn so thanks.

Edit The sweaver module seems to work with Prosper. I enabled the bundled blue theme and then touched it up.

http://drupal.org/project/sweaver

This theme looks great, thanks!

You just made my day pointing out the sweaver works with prosper! Thanks!

No kidding! After more than a year and a half with Drupal and I just found out about sweaver today. Thanks!

For multisite drupal install, where should local.css be put?