Removing image border

Hello,
When I add images to web pages the image is displayed with a border. The same applies to when I add images to widget area using text widgets.
How do I remove the image border :
1- From web pages (not posts - images added to posts are ok)?
2- From widget area?
Thanks

 

Hello,

Do let us know your website link.

 

Hello,
Link: http://www.sworldconsult.com/wireless
Thanks

 

Hello,

For sidebar widget border paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.textwidget td {
border: none!important;
}

And for other page images (for eg. Products page)
You have filled images and all content inside div with a "content-info"
And theme already contain class "content-info". That's why css is conflicting.
So edit your products page and change class name.

 

Hello,
Thank for the replies.

I tried the solution for point 1 and it worked. Thanks.

However your recommendation for point 2 made me realised that I did not describe my issue properly... sorry! So to clarify point 2, I am displaying the image in table data <td> hence the border. How do I remove the border for both table and/or table data on table per table basis (not for every tables via CSS).

Thanks

 

Hello,

Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.content-info td {
border: none;
}
.content-info .content-info {
border: none;
}

This will solve your issue.

 

It's resolved indeed. That's great.
Many thanks.