Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: Back and Next Step buttons

Back and Next Step buttons 13 years 11 months ago #11922

  • stewnorth
  • stewnorth's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 3
  • Thank you received: 0
hi ya,

I am trying to change the colour and the hover colour of the 'Back' and 'next step' buttons on my dtregister event. This is on the first page of signing up and also the confirmation page.

Anyone got ideas, i can find the css code to change these buttons. If you have an idea of how to help me, then please let me know and the code to add.

thanks
stewart

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

Back and Next Step buttons 13 years 11 months ago #11923

  • ismadman
  • ismadman's Avatar
  • Offline
  • Expert Boarder
  • Expert Boarder
  • Posts: 97
  • Thank you received: 0
I am pretty sure Dt Reg uses the Standard Joomla Buttons .
If you are using a template there could be a template override
So best to run it through firebug and have a play
Mine is in my template css as it is an override so if you can't find it
Maybe post a bit more info eg. Template used ? or std joomla etc
Or even a site link so someone else can find it for you :D

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

Back and Next Step buttons 13 years 11 months ago #11924

  • dthadmin
  • dthadmin's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 5470
  • Thank you received: 3
ismadmin is right... DT Register uses the button styling as set in your Joomla template. Not button styling is provided directly in DT Register. You could add styling to /assets/css/main.css but I'd just go to your site template. Look for the class name "button" in template.css.

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

Back and Next Step buttons 13 years 11 months ago #11937

  • stewnorth
  • stewnorth's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 3
  • Thank you received: 0
Thanks for your really useful help. I have managed to change the colour of 'next step' button on first page of form but can't seem to do it on confirmation page.

For example here is form - http://bisc.org.uk/index.php?option=com ... individual

If you fill in test info and then click on 'next step' to get to confirmation page, you will see that the 'next' and 'back' button do not have colour and hardly visible??

I cant find a button class in template.css.... any other ideas??

thanks for all help so far. much appreciated

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

Back and Next Step buttons 13 years 11 months ago #11938

  • ismadman
  • ismadman's Avatar
  • Offline
  • Expert Boarder
  • Expert Boarder
  • Posts: 97
  • Thank you received: 0
Hi Stew took a quick look

Its a strange one but if you replace this in templates/gk_postnote/css/template.css
( Right down the bottom )
#component input,#component select,#component textarea {border-color:#ccc;background:#eee}

With this
#component input,#component select,#component textarea, .button {color:#CB9934;border:1px solid #ccc;border-color:#ccc;background:#eee}
#component input,#component select,#component textarea,.button:hover {color:#fff;background:#ccc}

Seems to work here
Just check it doesn't interfere with anything else but I doubt it

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

Back and Next Step buttons 13 years 11 months ago #11963

  • stewnorth
  • stewnorth's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 3
  • Thank you received: 0
This is great! made a few minor adjustments on colour and works great now!
thanks alot for your help

Stewart

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

  • Page:
  • 1
  • 2
Time to create page: 0.187 seconds