Blue Border

How do I remove the "Blue Border" on my wordpress images?
DrEddieSAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Prasadh BaapaatWeb Designer & DeveloperCommented:
Hi Dr,
It is most probably the .thumbnail CSS from bootstrap ... when you hover mouse on image, the css gives a blue border to images which have a class of .thumbnail

here is how you can check the actual class of the image:
1) open the website page with image in Firefox
2) right click on the image and select INSPECT ELEMENT as in the image 1
3) check the class name as in image 2
IMAGE 1 - Inspect ElementIMAGE 2 - Check Classto remove the blue border add this code on last line of your CUSTOM CSS (change .classname to the class name you find)

.classname, .classname:hover {
    border: none;
}

Open in new window


IF THERE IS NO CLASS TO IMAGE, then add below class

img, img:hover {
    border: none;
}

Open in new window

hope it helps.
thanks,
Prasadh
DrEddieSAuthor Commented:
Not what I am look for. How do I remove the Blue  from the bottom of my pictures.?

http://459.548.myftpupload.com 
Prasadh BaapaatWeb Designer & DeveloperCommented:
I checked your link and the CSS style which is adding the blue border at bottom is shown in the image...
The CSS which is adding blue border to imageadd the code below to your custom CSS (it will affect all pages and many different classes in the website)

.entry-thumbnail img, .img-intro img, .img-intro-left img, .img-intro-right img, .img-intro-none img, .imageborder, .contact-image img, .entry-attachment img, img.alignnone, img.alignright, img.alignleft, img.aligncenter, div.wp-caption img {
    border-bottom: none !important;
}

Open in new window


if you want to remove border ONLY FOR THIS IMAGE try code below:
.wp-image-385 {
border-bottom: none !important;
}

Open in new window


let me know.
thanks,
Prasadh

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
WordPress

From novice to tech pro — start learning today.