How come still no border on images?

these styles in style.css are more specific:

.entry img.alignleft, .entry img.alignright, .entry img.aligncenter, img.single-post-thm {
border: 2px solid #ffffff;
padding: 3px;
}

Line 86 of your style.css, change the border color or delete it entirely because it’s overriding your style.

I suggest you use the Firebug extension for Firefox to easily troubleshoot problems like this.

I’m sorry if this is a newbie question, but how do I located where line 86 is on my style.css so I can delete it?

how do I located where line 86 is on my style.css

by chance, line 86 is the one i quoted earlier.

otherwise, you would need an editor with line numbers.

Try looking for the code that alchymyth posted.

Yes it’s the same, the code above was included on my reply but upon seeing alchymyth’s post above me I removed it.

Again Firebug can help you a lot. Good luck!

Cool, it worked! My last question is how do I change #ddd into a different color other than light gray?

https://howtofocusbetter.com/

https://www.2createawebsite.com/build/hex-color-chart-grid.html

Or use an image editing program.

Hulbert,

Just choose the html color code that you wish to use and replace it with the original #ddd color.

Hi, I changed:

.entry img{
border: 1px solid #ddd;
}

to a blue border:

.entry img{
border: 1px solid #0000FF;
}

but noticed that this works some of the times. For example, on my salespage: https://howtofocusbetter.com/focus-guide

the top image still has the original gray color; however, the “Add To Cart” button has the blue border that I wanted to.

How can I get it where all my images have the blue border?

Thanks in advance.

Because that is not the code we asked you to change. If you really prefer changing that though you could just make it like this:

.entry img {
    border: 1px solid #0000FF !important;
}

I got it now. Thank you so much.