I am wondering if anyone knows how to automatically reduce the size of an image when adding a border
e.g. when adding a border after ‘selecting’ an image, the image needs to be smaller or the border is added to the overall image size.
I have tried
using an outline: 4px #aaa to ad dthe border, however it chops the top of the border off (Legacy Theme)
applying a negative margin
reducing image height and width by the size of the border (does not respond well for ‘responsive design’
I need the solution to be mindful of other responsive stylings for images in studiopress themes…
There must be a way…!
What is your site’s URL? And which image in your site are you wanting a border around?
@buddy boy8403 – thanks for the reply. It was a bit of a generic question but I have it sorted now.
I apply a white border (same as background colour) to the image before it is ‘selected’ (it is a gravity forms field) and then apply a coloured border once the field (the image) has been selected.
This keeps the image the same size before and after the change in state which keep sthe layout happy.
Awesome @jon bellah – that’s the sort of thing I was looking for with less workarounds than my border hack…
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.