Forum | Appery.io

Try with button name, works for me

pre[dsid="buttonName"]
{background-image: url(../../../../files/resources/image/no-image.jpg) !important;}/pre

Hello Alena,

I'm very glad to hear that it works fine for you.
I have tried this code.

.btnFav{

 width: 20px;  
 height: 20px;  

 [dsid="btnFav"]     
 {background-image: url(../../../../files/resources/image/no-image.jpg) !important}; 

}

But, it shows an error on CSS, and doesn't display the image...

Ana,

Code you've posted is not correct.
Have you tried my code?

[quote:]But, it shows an error on CSS, and doesn't display the image[/quote]

Please check errors in CSS, custom code is actually something outside the scope (http://devcenter.appery.io/support-po...) of our support.

Your code is this:

[dsid="buttonName"]
{background-image: url(../../../../files/resources/image/no-image.jpg) !important;}

My code is this:

.btnFav{

width: 20px;
height: 20px;

[dsid="btnFav"]
{background-image: url(../../../../files/resources/image/no-image.jpg) !important};

}

What did I make a mistake?

Use should use either selector or class, try this:

pre[dsid="btnFav"]{

width: 20px;
height: 20px;
background-image: url(../../../../files/resources/image/no-image.jpg) !important;}/pre

I have added the code to CSS.

The CSS file is like this.

[dsid="btnFav"]{
width: 20px;
height: 20px;
background-image: url(../../../../files/resources/image/no-image.jpg) !important;}

.gridNav{

 top:5%; 
 z-index:10;       

position:absolute;

}

It still doesn't work, please let me know what I made a mistake again.

Make sure your button name is btnFav.

Of course I did like that. button name is btnFav and class name is btnFav too.

Hi Alena,

How are you?

Can you please still help me to solve the problem?

I can share my screen or project if you can help me to solve the problem.