Black Friday Sale! Save up to 50% off!

Custom CSS code corrupted/deleted

a.chypre
27 Posts
a.chypre posted this 04 July 2019
Report a bug

No problem with adding custom CSS code until now, but it seems that the code I'm adding is being deleted / corrupted.
I copy paste the code in "edit css" window when I open it again there's only one line :
">

Some times with a bit of empty custom class too :/

Here's the css (working properly on codepen)

li {
display: table-cell;
position: relative;
padding: 15px 0;
}
.menuButton a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.15em;

display: inline-block;
padding: 15px 20px;
position: relative;
}
.menuButton a:after {
background: none repeat scroll 0 0 transparent;
bottom: 0;
content: "";
display: block;
height: 2px;
left: 50%;
position: absolute;
background: #fff;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
width: 0;
}
.menuButton a:hover:after {
width: 100%;
left: 0;
}
@media screen and (max-height: 300px) {
ul {
margin-top: 40px;
}
}

No problem with adding custom CSS code until now, but it seems that the code I'm adding is being deleted / corrupted. I copy paste the code in "edit css" window when I open it again there's only one line : "> Some times with a bit of empty custom class too :/ Here's the css (working properly on codepen) li { display: table-cell; position: relative; padding: 15px 0; } .menuButton a { color: #fff; text-transform: uppercase; text-decoration: none; letter-spacing: 0.15em; display: inline-block; padding: 15px 20px; position: relative; } .menuButton a:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 2px; left: 50%; position: absolute; background: #fff; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } .menuButton a:hover:after { width: 100%; left: 0; } @media screen and (max-height: 300px) { ul { margin-top: 40px; } }
Vote to pay developers attention to this features or issue.
8 Replies
Order By: Standard | Newest
a.chypre
27 Posts
a.chypre posted this 04 July 2019

Last post seems to have format the bugged output from custom css window
Here's the code I get after re opening custom css

">
Last post seems to have format the bugged output from custom css window Here's the code I get after re opening custom css ">
a.chypre
27 Posts
a.chypre posted this 04 July 2019

Edit: Solved
The error comes from this line :

content:" ";

Replaced with

content:' ';

Would be nice to have some more control over custom css / code (custom css per element and not per pages for example)
Or more possibilities to edit the source code on the fly :)

Edit: Solved The error comes from this line : content:" "; Replaced with content:' '; Would be nice to have some more control over custom css / code (custom css per element and not per pages for example) Or more possibilities to edit the source code on the fly :)
Support Team
Support Team posted this 04 July 2019

Hi Aristide,

Yes, I have just checked the code and the issue comes from these brackets.

And regarding your suggestions. You can add the code for the special control. For that open the control options in the right panel and add the CSS class name for the element and then use the custom code for that class in the Edit CSS button below.

css.png

...................................................
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 Aristide, Yes, I have just checked the code and the issue comes from these brackets. And regarding your suggestions. You can add the code for the special control. For that open the control options in the right panel and add the CSS class name for the element and then use the custom code for that class in the Edit CSS button below. !css.png! ................................................... 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
a.chypre
27 Posts
a.chypre posted this 04 July 2019

Yup I'm already doing this :) I was more looking for more than one custom css "block". The css code is in one place (one big custom css per page) it's nice to add class directly like that but when editing css it would be even better to only see the css of the current class being edited or only the css code of this element. (Edit css based on an element properties and not on page properties)
Hope it's a bit more clear like that, hard to explain x)

Yup I'm already doing this :) I was more looking for more than one custom css "block". The css code is in one place (one big custom css per page) it's nice to add class directly like that but when editing css it would be even better to only see the css of the current class being edited or only the css code of this element. (Edit css based on an element properties and not on page properties) Hope it's a bit more clear like that, hard to explain x)
a.chypre
27 Posts
a.chypre posted this 04 July 2019

One more thing that isn't really practical with this is that if I add custom css for my header menu I still need to copy/paste my custom css code in each pages of my website.

One more thing that isn't really practical with this is that if I add custom css for my header menu I still need to copy/paste my custom css code in each pages of my website.
Support Team
Support Team posted this 04 July 2019

Hi Aristide,

If you're working in Nicepage Desktop you can add custom css to the Site Settings >> CSS tab. This code will be applied on the theme level to all pages.

We've added your request to our wish list.

Please let us know if you have any further questions.

...................................................
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 Aristide, If you're working in Nicepage Desktop you can add custom css to the Site Settings >> CSS tab. This code will be applied on the theme level to all pages. We've added your request to our wish list. Please let us know if you have any further questions. ................................................... 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
a.chypre
27 Posts
a.chypre posted this 04 July 2019

Oh well, thanks for the tip !

Oh well, thanks for the tip !
Support Team
Support Team posted this 05 July 2019

Hi Aristide,

You aу welcome. Feel free to contact us with any other questions you may have.

...................................................
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 Aristide, You aу welcome. Feel free to contact us with any other questions you may have. ................................................... 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