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.
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.