CiviCRM Community Forums (archive)

I've been working on customizing two contribution pages. One is a membership page and the other is a plain donation page.
I have been using this resource I found (thanks lobo) in the forum. http://wiki.civicrm.org/confluence/display/CRMDOC32/Customize+Built-in,+Profile,+Contribution+and+Event+Registration+Screens

That's gotten me almost all the way but I have one more problem.
I'm trying to stylize the buttons at the bottom of the page ("Make Contribution", "Continue", "Go Back", etc.)

There are two approaches I have tried and neither got me all the way there.

1) Style out the button with a plain background image and change the text on each step of each page as I need to.
ISSUE: I can't figure out how to change the button text and have it needs to be different for each page. So Step 1 of the membership page says "Review Your Membership" and step 2 would say "Submit Your Membership". Same logic for the donation page. Might be simple but it's eluded me.

2) Style out the button with an image that contains the text already.
ISSUE: There doesn't seem to be any anchor points on the CSS that lets me style the donation page and membership pages differently. My client wants the language consistent and different for each page.

I do know that I can use a .tpl file to customize areas of the contribution pages and i read that I can use a /1/ or /2/ to change them based on the ID of the contribution page. I wasn't really able to tell though how I could change the text because it's stored in some array.

I feel like this should be possible based on everything I have looked at and that I'm just missing something easy.

Disclaimer, I'm a developer but php isn't my expertise and I'm fairly new to drupal and civi.

I would appreciate a bump in the right direction.

Hi, if you want two different profiles, you can set different profiles (clone it) and have different templates per profile (/1 /2).

1) Style out the button with a plain background image and change the text on each step of each page as I need to.
ISSUE: I can't figure out how to change the button text and have it needs to be different for each page. So Step 1 of the membership page says "Review Your Membership" and step 2 would say "Submit Your Membership". Same logic for the donation page. Might be simple but it's eluded me.

Not sure I understand: you have been able to style the button, but are not happy with the existing text on the button ?

It has nothing to do with the layout, but with changing the text, correct ?

(on the latest 3.2 version you have an option to replace one text by another without having to change code)

2) Style out the button with an image that contains the text already.
ISSUE: There doesn't seem to be any anchor points on the CSS that lets me style the donation page and membership pages differently. My client wants the language consistent and different for each page.

I do know that I can use a .tpl file to customize areas of the contribution pages and i read that I can use a /1/ or /2/ to change them based on the ID of the contribution page. I wasn't really able to tell though how I could change the text because it's stored in some array.

The number is the number of the profile, not the countribution page, isn't it ?

Otherwise, yes, it might be that the button is an html blob indeed (could you paste the relevant smarty part) ?

The easiest is to code the html button directly (pretty sure the name is static, ie. you can hard code it), and don't display the html blob.

X+

"on the latest 3.2 version you have an option to replace one text by another without having to change code"

I too would like to change the text on the contribution button and would love to do it without changing code. I'm using 3.2 but can't find where to do this.... can you point me in the right direction?

Thank you! This looks like a great feature and I had no idea it was there 

The menus have changed since 2010.  Location is  Administer › Customize Data and Screens › Word Replacements

I found it. The 'I am contributing on behalf of an organization.' text can be customized under the 'Manage Contribution Pages'  'title and settings' screen.