Customize Registration Buttons

  • Carlos
  • Topic Author
  • Offline
  • New Member
  • New Member
More
11 years 2 months ago #26812 by Carlos
Customize Registration Buttons was created by Carlos
I would like to be able to customize the registration buttons on the form, I need to change the color of the text, make it bold, and change the text Process Registration to Next.

Thanks for your help,

Carlos

Please Log in or Create an account to join the conversation.

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
11 years 2 months ago #26824 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Re: Customize Registration Buttons
Hi Carlos

If you want to change the text of the button, you can go to Events Booking->Translation to change it.

If you want to change the color of the button, it is something related to css. Please send me the link to the page and I will have a look at it, then guide you.

If you know Firefox, maybe you can try to use Firebug add on for Firefox. It helps finding and editing css very easy.

Tuan

Please Log in or Create an account to join the conversation.

More
11 years 1 month ago #27507 by Damien Gillam
Replied by Damien Gillam on topic Re: Customize Registration Buttons
Hi, Tuan

I too need to change the color of the text on the buttons of our registration page. I looked through the css but could not locate it. Here is a link to the page. We purchased the component in January 2013. This is our first use of it.

www.pointoflightchurch.org/index.php/poi...iew_event&event_id=1

Please Log in or Create an account to join the conversation.

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
11 years 1 month ago #27531 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Re: Customize Registration Buttons
You can follow the instructions below :

1. Open the file components/com_eventbooking/assets/css/style.css

2. Find the code below :
Code:
.eb_taskbar li a { display: block; padding: 4px 15px; background: url(../images/button.png) #F8F8F8 bottom repeat-x; -moz-border-radius: 7px; -webkit-border-radius: 7px; }

3. Change it to :
Code:
.eb_taskbar li a { display: block; padding: 4px 15px; background: url(../images/button.png) #F8F8F8 bottom repeat-x; -moz-border-radius: 7px; -webkit-border-radius: 7px; color : #000; }

After that, it should look OK . Please note in the above code, I set color to #000; You can change it to the color you want.

Hope that helps .

Tuan

Please Log in or Create an account to join the conversation.

More
11 years 1 month ago #27594 by Damien Gillam
Replied by Damien Gillam on topic Re: Customize Registration Buttons
Hi Tuan

Thanks for your help, the text is now readable.

Please Log in or Create an account to join the conversation.

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
11 years 1 month ago #27638 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Re: Customize Registration Buttons
Great. Thanks for the info .

Tuan

Please Log in or Create an account to join the conversation.

Moderators: Tuan Pham Ngoc