WordPress.org

1. lucid_design
   Member
   Posted 3 years ago #

   I'm putting together a blog using minimalism theme. I have inserted an image into the post, but there is no margin around the image. I adjusted the .css to this:

   img.alignright {
   padding: 4px;
   margin: 10px 10px 2px 10px;
   display: inline;
   }

   img.alignleft {
   padding: 4px;
   margin: 10px 2px 10px 10px;
   display: inline;
   }

   But to no avail. Here is the URL of the blog:

   http://www.detox.fm/radio

   thanks for your help with this.

2. stvwlf
   Member
   Posted 3 years ago #

   Hi

   I'd try working with these sections
   

   .wp-caption {                        /*   style.css (line 697) */
   -moz-border-radius-bottomleft:3px;
   -moz-border-radius-bottomright:3px;
   -moz-border-radius-topleft:3px;
   -moz-border-radius-topright:3px;
   background-color:#FFFFFF;
   border:1px solid #EEEEEE;
   margin-top:10px;
   padding-top:4px;
   }
   
   .wp-caption img {                  /* style.css (line 708) */
   border:0 none;
   margin:0 5px;
   padding:0;
   }

3. lucid_design
   Member
   Posted 3 years ago #

   Hey, that worked. See here:

   .wp-caption {
   border: 1px solid #eee;
   background-color: #fff;
   padding-top: 4px;
   margin-top: 10px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   }

Topic Closed

This topic has been closed to new replies.