CalcBuilder Forum

Size of Calculate button

Usuario moon_584 2012-07-10 22:22:51

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

Moonsoft support 2012-07-11 09:07:08

Hello,

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

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

Regards,

Usuario moon_584 2012-09-02 01:47:39

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 2012-09-02 09:55:58

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,

Usuario moon_584 2012-09-22 02:07:10

Sweet, thanks!

Moonsoft support 2013-03-23 19:43:11

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 2013-03-23 19:46:16

how do i include php-code in the forum?

Moonsoft support 2013-03-25 09:26:06

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 2013-03-25 09:27:55

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

...
CalcBuilder

Create dynamic calculators

Buy now!
...
Support/development 10 hours

Get a bigger amount of hours for more complex tasks and get a 10% discount

Buy now!