Sample project file.

g.kuraszkiewicz
9 Posts
g.kuraszkiewicz posted this 17 October 2019
Ask a Question

Is there a sample project file which contains element with css class given and custom css? I would like to see how to write custom css to do it right. Now when I give element css class "abc" and write

.abc a:hover {
opacity: 0.5;
}

nothing happen.

Is there a sample project file which contains element with css class given and custom css? I would like to see how to write custom css to do it right. Now when I give element css class "abc" and write .abc a:hover { opacity: 0.5; } nothing happen.
Vote to pay developers attention to this features or issue.
5 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 17 October 2019

Hi Grzegorz,

We do not have such file. The CSS option is added for users that do know how to work with CSS classes. You can follow some recommendations from this site
https://www.w3schools.com/css/

You can explain what exactly you want to achieve and for what element and then we could help you with the code.

...................................................
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 Grzegorz, We do not have such file. The CSS option is added for users that do know how to work with CSS classes. You can follow some recommendations from this site https://www.w3schools.com/css/ You can explain what exactly you want to achieve and for what element and then we could help you with the code. ................................................... 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
g.kuraszkiewicz
9 Posts
g.kuraszkiewicz posted this 17 October 2019

I got shape element on my test page. I gave a css class to this shape named "sample". Then I created custom css in the window beneath place with css class, like this:

.sample a:hover {
opacity: 0.5;
}

I wanted my shape called "sample" to change opacity to 50% when I hover my mouse over this shape. But it doesn't work.

I got shape element on my test page. I gave a css class to this shape named "sample". Then I created custom css in the window beneath place with css class, like this: .sample a:hover { opacity: 0.5; } I wanted my shape called "sample" to change opacity to 50% when I hover my mouse over this shape. But it doesn't work.
Support Team
Support Team posted this 18 October 2019

Hi Grzegorz,

try to add something like this:

.sample
{
  opacity:1;
}

.sample:hover
{
  opacity:0;
  transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
}

...................................................
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 Grzegorz, try to add something like this: .sample { opacity:1; } .sample:hover { opacity:0; transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; } ................................................... 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
g.kuraszkiewicz
9 Posts
g.kuraszkiewicz posted this 22 October 2019

Hella, I love You!!! Thank You!!! It works ;-)

Hella, I love You!!! Thank You!!! It works ;-)
Support Team
Support Team posted this 22 October 2019

Hi Grzegorz,

You are welcome.
We are always happy to help you.

...................................................
Sincerely,
Susanna I.
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 Grzegorz, You are welcome. We are always happy to help you. ................................................... Sincerely, Susanna I. 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