Minimalism theme: no margin around the image

  • Resolved lucid_design

    (@lucid_design)


    15 years, 10 months 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:

    https://www.detox.fm/radio

    thanks for your help with this.

Viewing 2 replies - 1 through 2 (of 2 total)

  • 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;
}

    Thread Starter lucid_design

    (@lucid_design)

    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;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Minimalism theme: no margin around the image’ is closed to new replies.

Tags