changing colors in TeamRaiser?

jdp · February 2010

So, I know how ot change the colors via the styles.

TR > Customize Pages > Customize Wrapper and Styles

However, that only changes certain colors. I have already changed the style to a light green, which is reflected in the tables durign the reg process, but this color cannot be changed (see attachment)...that I have found. I'm sure it can be changed within some CSS somewhere, but I am at a loss on where to find that.

Any thoughts would be much appreciated.

Thanks!

Brian Mucha · February 2010

That purple is styled in the UserGlobalStyle.css like so...

.cstmBack (line 1058)

{

background-color: #ccccff;

background-image: url("../images/sp.gif");

}

So all you have to do is override that style. There's not much you can do in the TR styling section that you are looking at.

I usually go with the regular Page Wrappers rather than the TeamRaiser wrappers, but it sounds like you are using the TR Wrappers. These are somewhat hamstrung, but even here I think you have an option. Try going to...

12. Customize Pages > a. TeamRaiser Pages > 1. Customize Wrapper and Styles > a. Manage TeamRaiser Wrappers> # 3. Customize Page Header

Here you can enter HTML for your masthead/header. Though it's technically not where you are supposed to put styles in an html document you CAN stick them here and even IE6 seems to honor them. Just enter...

background-color: RED !important;

background-image: url("../images/MYIMAGE.gif") !important;

</style>

Didn't actually test this, but I think it should do the job. Hope this works out for you.

Regards, Brian

Aubrey Miller-Schmidt · July 2013

Brian Mucha:
That purple is styled in the UserGlobalStyle.css like so...

.cstmBack (line 1058)

{

background-color: #ccccff;

background-image: url("../images/sp.gif");

}

So all you have to do is override that style. There's not much you can do in the TR styling section that you are looking at.

I usually go with the regular Page Wrappers rather than the TeamRaiser wrappers, but it sounds like you are using the TR Wrappers. These are somewhat hamstrung, but even here I think you have an option. Try going to...

12. Customize Pages > a. TeamRaiser Pages > 1. Customize Wrapper and Styles > a. Manage TeamRaiser Wrappers> # 3. Customize Page Header

Here you can enter HTML for your masthead/header. Though it's technically not where you are supposed to put styles in an html document you CAN stick them here and even IE6 seems to honor them. Just enter...

<style type="text/css">

background-color: RED !important;

background-image: url("../images/MYIMAGE.gif") !important;

</style>

Didn't actually test this, but I think it should do the job. Hope this works out for you.

Regards, Brian

Where would I find the UserGlobalStyle.css to change the color of that scrolling background permanently?

Chris Backus · July 2013

Aubrey Miller-Schmidt:
Where would I find the UserGlobalStyle.css to change the color of that scrolling background permanently?

It would be better for you to override the styles in another stylesheet rather than making changes to UserGlobalStyle.css directly, since your modified UserGlobalStyle.css would be overwritten and your changes lost whenever there is a product update.

You can add "permanent" style overrides to your CustomStyle.css stylesheet, which is already below UserGlobalStyle.css in the head element of all your page wrappers. You can then add more specific style overrides with additional stylesheets in individual page wrappers as necessary.

CustomStyle.css can be found on your FTP in the css folder. Contact support to get access if you don't have it already.

changing colors in TeamRaiser?

Comments

Categories