Welcome to the nuBuilder Forums!

Register and log in to access exclusive forums and content available only to registered users.

Button as a normal word (without blue frame)

Questions related to using nuBuilder Forte.
Post Reply
Olikun
Posts: 68
Joined: Tue Mar 09, 2021 6:45 pm

Button as a normal word (without blue frame)

Unread post by Olikun »

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
You do not have the required permissions to view the files attached to this post.
kev1n
nuBuilder Team
Posts: 4297
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 71 times
Been thanked: 444 times
Contact:

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

Unread post by kev1n »

Hi,

Like this?

Code: Select all

$('#your_button_id').removeClass('nuButton').css({'background-color':'white','border':'none'});
Olikun
Posts: 68
Joined: Tue Mar 09, 2021 6:45 pm

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

Unread post by Olikun »

ah great thank you :)

it works

Is there a way to change the mouse over color?
kev1n
nuBuilder Team
Posts: 4297
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 71 times
Been thanked: 444 times
Contact:

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

Unread post by kev1n »

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');
Olikun
Posts: 68
Joined: Tue Mar 09, 2021 6:45 pm

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

Unread post by Olikun »

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?
kev1n
nuBuilder Team
Posts: 4297
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 71 times
Been thanked: 444 times
Contact:

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

Unread post by kev1n »

Use the font-weight property and set it to bold

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