Normally, when you insert an image there are no borders. I would like to have a 1 pixel border (not the caption box) so visitors will know that it is a link to a larger image. I would like the border to change color on hover. I've tried several modifications to the custom css but nothing I add will produce a border around my thumbnail images. http://elizglass.com/portfolios/warm-glass/. I don't want the border on every image in the whole site, only on the thumbnails I use to link to other pages. Thanks.
Hello, Paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard. Code: .content-bar img { padding: 1px; } .content-bar .gallery img:hover { border: 1px solid red ! important; } In place "red" you can paste your color or color code. This is the possible solution for your issue.
Thanks Piyush, but that did not help. I tried it as you wrote and also tried it without .gallery since I am not using the gallery template. Neither worked. I was able to get a 1 px border with an inline style (style="border: 1px solid #487F85;") but there is no change on hover. On my page now, the first image has no border while all the rest do--just for experimenting purposed. http://elizglass.com/portfolios/warm-glass/ Do you have any other suggestions? Thanks, Ken
Hello, Could you please provide the following information listed below. Thread Link: http://www.inkthemes.com/community/threads/image-borders.9418/ Your Website URL: WordPress Username: WordPress Password: Send this information on our email at [email protected] We will do it for you.
Hello, You had forgotten to close the media code in the custom css section due to which all the code below this was not working. See the image for reference. I have closed the media code by closing bracket (i.e "}" ) there then now all the code provided by me are working fine. You can check your website.
