Jump to content
Sign in to follow this  
lgblom

Border around pictures om blogposts

Recommended Posts

lgblom    1
lgblom

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
Danny
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
lgblom
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
Jenny
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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×