XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Themes and Templates Support forums / 
  3. Theme design questions 
  4.  / Form Button
Register
1
Cifug
Form Button

  • 2014/12/10 10:29

  • Cifug

  • Quite a regular

  • Posts: 208

  • Since: 2007/12/13


I have xoops 2.5.7 and using xbootstrap theme.

I would like to change the standard form buttons like the submit button on the contact page and the row of buttons at the top of the user profile page.

I can't seem to find where to change the look of these buttons. Can someone please point me in the right direction?

Cheers,
Marty
2
Mamba
Re: Form Button

  • 2014/12/10 10:36

  • Mamba

  • Moderator

  • Posts: 11530

  • Since: 2004/4/23


Change the templates in:

/xbootstrap/modules/contact
/xbootstrap/modules/profile

Support XOOPS => DONATE
Use 2.5.11 | Docs | Modules | Bugs
3
Cifug
Re: Form Button

  • 2014/12/10 10:45

  • Cifug

  • Quite a regular

  • Posts: 208

  • Since: 2007/12/13


Thanks Mamba for your help. Sorry for my questions but I'm not sure how to edit the buttons in these files...

Any hints?

le="color: #000000"><?php <div class="contact-module"> <{$contactform.javascript}> <form name="<{$contactform.name}>" action="<{$contactform.action}>" method="<{$contactform.method}>" <{$contactform.extra}>> <h4><{$contactform.title}></h4> <{foreach item=element from=$contactform.elements}> <{if $element.hidden != true}> <{$element.caption}> <{$element.body}> <{else}> <{$element.body}> <{/if}> <{/foreach}> </form> </div>
4
Mamba
Re: Form Button

  • 2014/12/10 11:00

  • Mamba

  • Moderator

  • Posts: 11530

  • Since: 2004/4/23


I don't have much experience with Bootstrap, so hopefully somebody else will be able to help you.

In the meantime, check out other modules in

/xbootstrap/modules

and see if you find something that you could use.
Support XOOPS => DONATE
Use 2.5.11 | Docs | Modules | Bugs
5
Bleekk
Re: Form Button

  • 2014/12/10 13:03

  • Bleekk

  • Theme Designer

  • Posts: 942

  • Since: 2002/12/14


the buttons are defined in the bootstrap framework.

the green buttons on the user profile page have the class: btn btn-success
you need to override the bootstrap classes in the following file xbootstrap/style.css

insert there following lines and change the color and font as you like
le="color: #000000"><?php .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }


All btn-success buttons will then be changed
6
Cifug
Re: Form Button

  • 2014/12/10 13:34

  • Cifug

  • Quite a regular

  • Posts: 208

  • Since: 2007/12/13


Thanks Bleekk but this didn't work

I cleaned cache on site and browser.
7
Bleekk
Re: Form Button

  • 2014/12/10 15:00

  • Bleekk

  • Theme Designer

  • Posts: 942

  • Since: 2002/12/14


can you give us a link to your website
8
Cifug
Re: Form Button

  • 2014/12/14 1:29

  • Cifug

  • Quite a regular

  • Posts: 208

  • Since: 2007/12/13


Thanks for your help Bleekk

http://aus-riders.com

Cheers,
Marty
9
Bleekk
Re: Form Button

  • 2014/12/14 14:35

  • Bleekk

  • Theme Designer

  • Posts: 942

  • Since: 2002/12/14


to change the contact button you need to put this part of code in the style.css
le="color: #000000"><?php button, html input[type=button], input[type=reset], input[type=submit] { /*define here the style of the buttons*/ }
10
Cifug
Re: Form Button

  • 2014/12/28 6:57

  • Cifug

  • Quite a regular

  • Posts: 208

  • Since: 2007/12/13


Quote:

Bleekk wrote:
to change the contact button you need to put this part of code in the style.css
le="color: #000000"><?php button, html input[type=button], input[type=reset], input[type=submit] { /*define here the style of the buttons*/ }

Sorry, I haven't replied sooner as I've been very busy with other projects.

This worked perfectly, thank you Bleekk

Cheers,
Marty.

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Donat-O-Meter

Stats
Goal: $15.00
Due Date: Jul 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $15.00
Make donations with PayPal!

Latest GitHub Commits