Adding HTML, CSS & JS to Nicepage

Andrew Nguyen
4 Posts
Andrew Nguyen posted this 08 September 2021
Ask a Question

I want to add some HTML to Nicepage' block.
For example this code:
https://codepen.io/zrichard/pen/wEFBd
i coppied these 3 elements from this pen and paste to Nicepage:
1. HTML to HTML editor on Nicepage
2. CSS to CSS tab (Page setting)
3. JS to Additional Head HTML (Page Setting / HTML tab).
But it doesn't work.
It just works with wich pen without JS.
May be something wrong here and how can i add HTML with JS code?

I want to add some HTML to Nicepage' block. For example this code: https://codepen.io/zrichard/pen/wEFBd i coppied these 3 elements from this pen and paste to Nicepage: 1. HTML to HTML editor on Nicepage 2. CSS to CSS tab (Page setting) **3. JS to Additional Head HTML (Page Setting / HTML tab).** But it doesn't work. It just works with wich pen without JS. May be something wrong here and how can i add HTML with JS code?
Vote to pay developers attention to this features or issue.
6 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 08 September 2021

Hi Andrew,

In general, you can add everything to the HTML element. You just need to wrap css into STYLE tags and script into SCRIPT tags. To make the script work please check the following article (second example):
https://nicepage.com/doc/29438/run-custom-jquery

I've checked the code. It looks like they do not assume that the code will be added to the page with other blocks on it. Therefore the result looks quite strange.

...................................................
Sincerely,
Olivia
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 Andrew, In general, you can add everything to the HTML element. You just need to wrap css into STYLE tags and script into SCRIPT tags. To make the script work please check the following article (second example): https://nicepage.com/doc/29438/run-custom-jquery I've checked the code. It looks like they do not assume that the code will be added to the page with other blocks on it. Therefore the result looks quite strange. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
Andrew Nguyen
4 Posts
Andrew Nguyen posted this 09 September 2021

Hi Andrew,

In general, you can add everything to the HTML element. You just need to wrap css into STYLE tags and script into SCRIPT tags. To make the script work please check the following article (second example):
https://nicepage.com/doc/29438/run-custom-jquery

I've checked the code. It looks like they do not assume that the code will be added to the page with other blocks on it. Therefore the result looks quite strange.

...................................................
Sincerely,
Olivia
Nicepage Support Team

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

Thanks for your support. It works.
But there is a new issue: I can add the CSS but how can i do for SCSS?

> Hi Andrew, > > In general, you can add everything to the HTML element. You just need to wrap css into STYLE tags and script into SCRIPT tags. To make the script work please check the following article (second example): > https://nicepage.com/doc/29438/run-custom-jquery > > I've checked the code. It looks like they do not assume that the code will be added to the page with other blocks on it. Therefore the result looks quite strange. > > ................................................... > Sincerely, > Olivia > Nicepage Support Team > > Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 > Follow us on Facebook: http://facebook.com/nicepageapp Thanks for your support. It works. But there is a new issue: I can add the CSS but how can i do for SCSS?
Support Team
Support Team posted this 09 September 2021

Hello Andrew,

Unfortunately, you cant add SCSS as inline styles.
The best practice is to convert SCSS code into minified CSS, so you can easily apply the code in the Nicepage also it will make the website load faster.
...................................................
Sincerely,
Negat Veri
Nicepage Support Team

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

Hello Andrew, Unfortunately, you cant add SCSS as inline styles. The best practice is to convert SCSS code into minified CSS, so you can easily apply the code in the Nicepage also it will make the website load faster. ................................................... Sincerely, Negat Veri Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
mihalaras123
1 Posts
mihalaras123 posted this 26 July 2023

Hello, did you find a solution to this? I'm trying to add a code from the same website and I can't really find how to do it.

Hello, did you find a solution to this? I'm trying to add a code from the same website and I can't really find how to do it.
Support Team
Support Team posted this 27 July 2023

Hello Andrew,

Thanks for using Nicepage!

The code, which you provided, is HTML, CSS, and a combination of JavaScript and jQuery. Here is no SCSS code, do you want to add some other code? If yes, please give us the link to the whole code, if it is not big we will try to help with compiling to CSS.

Please tell us, if this code, which you add from this website " https://codepen.io/zrichard/pen/wEFBd " works. and you trying to add a new other feature or this code do not works and you try to fix it?

Exactly what do you trying?
...................................................
Sincerely,
George.
Nicepage Support Team

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

Hello Andrew, Thanks for using Nicepage! The code, which you provided, is HTML, CSS, and a combination of JavaScript and jQuery. Here is no SCSS code, do you want to add some other code? If yes, please give us the link to the whole code, if it is not big we will try to help with compiling to CSS. Please tell us, if this code, which you add from this website **" https://codepen.io/zrichard/pen/wEFBd "** works. and you trying to add a new other feature or this code do not works and you try to fix it? Exactly what do you trying? ................................................... Sincerely, George. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
Support Team
Support Team posted this 27 July 2023

Hello Mikel Chop,

Hello, did you find a solution to this? I'm trying to add a code from the same website and I can't really find how to do it.

Please make a new separate case and ask this question in there. This website codepen.io is very big and on this website are very different code examples, starting from native HTML CSS JS and finishing with the newest frameworks, libraries, etc.

Do you try to add code but which code? Was the code written in which language? Also we will may be need your credentials, see your project, see your admin if you use wordpress with nicepage and also may be comes many questions, so you must create new case and ask what you are interesting.
...................................................
Sincerely,
George.
Nicepage Support Team

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

Hello Mikel Chop, > Hello, did you find a solution to this? I'm trying to add a code from the same website and I can't really find how to do it. Please make a new separate case and ask this question in there. This website **codepen.io** is very big and on this website are very different code examples, starting from native HTML CSS JS and finishing with the newest frameworks, libraries, etc. Do you try to add code but which code? Was the code written in which language? Also we will may be need your credentials, see your project, see your admin if you use wordpress with nicepage and also may be comes many questions, so you must create new case and ask what you are interesting. ................................................... Sincerely, George. 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