The Big Spring Sale! Up to 50% off!

Adding a button

m4trix.dev
36 Posts
m4trix.dev posted this 10 November 2021
Ask a Question

Hello
I am really struggling to use the button provided by the editor since they are not buttons (<"button">) but links (<"a">).
For this reason I am creating my own buttons using HTML however I am discovering some strange behaviors.

If I add the code below, it looks like I am not able to control the background color of the button. The says it should be green but for some reason it happens to be grey-blue. How can I color the background of my button

<style>
.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
</style>


<button class="button" onclick="startCheckout('acct_xxxxxxxxxxxxxxx+price_xxxxxxxxxx');">BUY NOW</button>
Hello I am really struggling to use the button provided by the editor since they are not buttons (&lt;&quot;button&quot;&gt;) but links (&lt;&quot;a&quot;&gt;). For this reason I am creating my own buttons using HTML however I am discovering some strange behaviors. If I add the code below, it looks like I am not able to control the background color of the button. The says it should be green but for some reason it happens to be grey-blue. How can I color the background of my button <style> .button { background-color: #4CAF50; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } </style> <button class="button" onclick="startCheckout('acct_xxxxxxxxxxxxxxx+price_xxxxxxxxxx');">BUY NOW</button>
Vote to pay developers attention to this features or issue.
5 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 23 May 2022

Hi,

Please create a separate topic with the detailed explanation of what you need to create and the code you are using and how it does not work on your end.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Please create a separate topic with the detailed explanation of what you need to create and the code you are using and how it does not work on your end. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
oliverjasonparm
1 Posts
oliverjasonparm posted this 21 May 2022

I need a button that brings me to the next page, but im not sure how to code very well, I put <button id title>Top</button> but it said that wasnt allowed or something?

I need a button that brings me to the next page, but im not sure how to code very well, I put &lt;button id title&gt;Top&lt;/button&gt; but it said that wasnt allowed or something?
Support Team
Support Team posted this 11 November 2021

Hi Matteo,

Styles may be not applied before the site is published so as long as it works fine on the live site, everything is fine.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Matteo, Styles may be not applied before the site is published so as long as it works fine on the live site, everything is fine. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
m4trix.dev
36 Posts
m4trix.dev posted this 11 November 2021

I have 2 buttons one orange and one green.
I have just discovered that the website in the server has the right colors while the wrong colors are only in nicepage editor...
See image below. is this a bug or an intended behaviour?

Hosted website
https://ibb.co/c3fdhR9

Nicepage editor (desktop)
https://ibb.co/fFM8S8q

Thanks

I have 2 buttons one orange and one green. I have just discovered that the website in the server has the right colors while the wrong colors are only in nicepage editor... See image below. is this a bug or an intended behaviour? Hosted website https://ibb.co/c3fdhR9 Nicepage editor (desktop) https://ibb.co/fFM8S8q Thanks

Last edited 11 November 2021 by m4trix.dev

Support Team
Support Team posted this 11 November 2021

Hi Matteo,

Probably some other styles are overriding the styles you have selected.
Please provide a link to your site and let у know what button is having this issues, will check the styles.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Matteo, Probably some other styles are overriding the styles you have selected. Please provide a link to your site and let у know what button is having this issues, will check the styles. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments