nuBuilder Forum

Posted: **Sun Mar 06, 2022 2:08 pm**

Hi there,

I have a new question.

How can I create a button without a blue border?

Button ohne blauen rand.JPG

Many greetings

David

Posted: **Sun Mar 06, 2022 3:45 pm**

Hi,

Like this?

$('#your_button_id').removeClass('nuButton').css({'background-color':'white','border':'none'});

Posted: **Sun Mar 06, 2022 3:50 pm**

ah great thank you

it works

Is there a way to change the mouse over color?

Posted: **Sun Mar 06, 2022 3:59 pm**

Add a custom class in setup-> header

Code: Select all

.mybutton {
  background-color: white;
  border: none;
}

.mybutton:hover {
  color: red;
}

The use this JS:

Code: Select all

$('#your_button_id').removeClass('nuButton').addClass('mybutton');

Posted: **Sun Mar 06, 2022 4:23 pm**

kev1n wrote: ↑Sun Mar 06, 2022 3:45 pm Hi,

Like this?
Code: Select all
$('#your_button_id').removeClass('nuButton').css({'background-color':'white','border':'none'});

let's stick with the first code

How can I make the font bold?

Posted: **Sun Mar 06, 2022 4:25 pm**

Use the font-weight property and set it to bold

CSS reference: https://www.w3schools.com/cssref/

nuBuilder Forum

Button as a normal word (without blue frame)

Button as a normal word (without blue frame)

Re: Button as a normal word (without blue frame)

Re: Button as a normal word (without blue frame)

Re: Button as a normal word (without blue frame)

Re: Button as a normal word (without blue frame)

Re: Button as a normal word (without blue frame)