lgblom 1 Report post Posted May 18, 2012 Hi, i just start a new web project an i want to use borders around my pictures on my blogposts and on icons-pictures in boxes. Borders around icons in boxes in this site: http://www.cadorit.com/ i have made before i upload. How to get borders like this: http://www.pagelines.com/blog/ without doing borders before i upload? I hope someone can help me... Best regards L G Blom Share this post Link to post Share on other sites
Danny+ 1,327 Report post Posted May 18, 2012 Hi LG Blom, You can simply use CSS for all images. The code below is taken from the PageLines.com/blog you linked, simply apply the CSS to your images. [code]img selector goes here { background: whiteSmoke; border: 1px solid white; padding: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, .5); } [/code] I recommend you use Firebug or Chrome/Safari developer tool to inspect your code and find the appropriate selector. I have provided you with an example below, this code should work on all your box images. [code].fboxgraphic img { background: whiteSmoke; border: 1px solid white; padding: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, .5); margin: 5px; }[/code] Please search our forums, before posting! Share this post Link to post Share on other sites
lgblom 1 Report post Posted May 18, 2012 Hi Danny and thanks for your answer. I will try this. And thanks for tips with Safari developer tool.:) L G Share this post Link to post Share on other sites
Jenny 33 Report post Posted May 18, 2012 If you consider this topic resolved, please "accept" an answer. Otherwise let us know how we can assist you further. Thanks! ♥ Jenny :: Web designer at Simple Mama (follow me at @simplemamacom) Check out Share Me, a social sharing add-on for DMS that is super simple to set up. Share this post Link to post Share on other sites