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: 11409

  • 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?

<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: 11409

  • 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: 941

  • 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
.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: 941

  • 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: 941

  • Since: 2002/12/14


to change the contact button you need to put this part of code in the style.css
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
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

Who's Online

286 user(s) are online (158 user(s) are browsing Support Forums)

Members: 0

Guests: 286

more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits