How do I remove the border around this one image

Create a separate class for the image with border and image without border.

Sample.

Image with Border
– I will create class name img-border-(color)
So I will have this css code:
.img-border-black {border: 3px solid #000;}

In HTML code,
<img src="url of the image" class="img-border-black" />

Image without border
– create another class name img-no-border
The css code will be
.img-no-border{border:none;}

Hope this helps. If you need clarification.

Thanks Jomarlipon.
So how do I create the class?
Do I add the line as below in style.css? If so I did that, and save style.css
.img-border-black {border: 3px solid #000;}
.img-no-border{border:none;}

then I changed the html coded to
<img class=”img-border-black” src=”https://smarthomeworks.com.au/wp-content/uploads/2015/09/descines_domotique-control4-all-1024×643.jpg&#8221; alt=”” />

But my border is still gray. See pagee(and code at) https://smarthomeworks.com.au/control4-home-automation

What should I do? Or what am I doing wrong?

I actually added this line to my html style=”border:none;” and it removed the border. Thank for your jelp jonrlipon. I really appreciate it!

<img src=”https://smarthomeworks.com.au/wp-content/uploads/2015/09/descines_domotique-control4-all-1024×643.jpg&#8221; alt=”” style=”border:none;”/>

Hi,

That is good for now but it will be redundant soon. Since everytime you put upload the image and don’t want border you will need to put style=”border:none” everytime.

Add this code `.img-border-black {border: 3px solid #000;}
.img-no-border{border:none;} ` to your css file.

Regards,