Skip to main content
CalcBuilder logo
CalcBuilder Forum

Size of Calculate button

User moon_584

Is there a way to increase the size of the calculate button?

Moonsoft support

Hello,

You can change the width of the button in css class '.cb_button' at:

JOOMLA/modules/mod_calcbuilder/assets/css/default.css

Regards,

User moon_584

I found the height but not the width. Also, how do you change the color? I figured out how to change the text color, but not the button color.

Moonsoft support

Hello,

You can add to .cb_button class the property 'width':

width : 150px;


About color, .cb_button class uses

background: url("../img/arrow1.gif") no-repeat scroll left top #FFFFFF;

so, you have to delete this line and add, for example:

background-color: #cccccc;


Hope this helps. Regards,

User moon_584

Sweet, thanks!

Moonsoft support

I changed row 399 in user.php to this:


button type="button" id="calculate" name="calculate" class="btn btn-large btn-info">


Then i can use bootstrap css to change the button

Edited by moon_955 - 23.03.2013 19:45

Moonsoft support

how do i include php-code in the forum?

Moonsoft support

I changed row 399 in user.php to this:


button type="button" id="calculate" name="calculate" class="btn btn-large btn-info">


Then i can use bootstrap css to change the button

Edited by moon_955 - 23.03.2013 19:45


Right, latest versions which include boostrap can be styled using the built-in classes as well. Thank you for sharing.

Moonsoft support

how do i include php-code in the forum?


You can't add php code at the forum, in order to share code you should use the helpdesk system instead. But if you want to show some code here, you also can replace less than and greater than symbols with to avoid the code being stripped.









Thank you, regards

...
Support/development 40 hours

With the peace of mind of having a professional team at your service (20% discount)

Buy now!
...
CalcBuilder

Create dynamic calculators

Buy now!