CalcBuilder Forum

Size of Calculate button

User 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,

User 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,

User 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

...
Support/development

Perfect for small code changes or to correct any bug at your site

Buy now!
...
CalcBuilder

Create dynamic calculators

Buy now!