Archived topic
img border
6 replies · Started by Robin on July 15, 2020
Apologies for the newbie question, though I have solved this problem before, I cannot seem to figure out the class to which I can add img {border: etc.;}.
For now I have done each border by hand-- editing the html-- but that presents other problems, and by the time I am in production on this website, I'd like to have solved it.
Tried plain old img {border...}, and wp-block-image, figure.wp-block-image, but I can't get it right.
Again, the border is on by editing the html directly, but I'd really like to do the image border sitewide...
Thank you!
Hi there,
try this CSS:
.wp-block-image img {
border: 5px solid #ccc;
}Yes, I'd tried that. Didn't do anything. <http://shiraf.sg-host.com/initiatives/>
oops, sorry: http://shiraf.sg-host.com/initiatives/
I see the border:
https://www.screencast.com/t/Tmtq2PAz
Maybe try clearing your browser cache?
Oh! Here was the problem:
/*this messed up border
.gb-inside-container {margin-left:1%!important;}*/
img border works now. No idea why the above made img border not work...
Thank you for your help.
Glad we could help :)
