Avatar of DrEddieS
DrEddieS
 asked on

Blue Border

How do I remove the "Blue Border" on my wordpress images?
WordPressBootstrap

Avatar of undefined
Last Comment
Prasadh Baapaat

8/22/2022 - Mon
Prasadh Baapaat

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
DrEddieS

ASKER
Not what I am look for. How do I remove the Blue  from the bottom of my pictures.?

http://459.548.myftpupload.com 
ASKER CERTIFIED SOLUTION
Prasadh Baapaat

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
Experts Exchange has (a) saved my job multiple times, (b) saved me hours, days, and even weeks of work, and often (c) makes me look like a superhero! This place is MAGIC!
Walt Forbes