padding/margin problem

118 views
Skip to first unread message

biondo...@gmail.com

unread,
Sep 6, 2012, 4:36:05 PM9/6/12
to tumblr...@googlegroups.com
hi there,

i'm formatting a tumblr blog here: http://lbardugo.tumblr.com/ and i'm having a problem with the horizontal margins or padding that's around some of the images. i've tried everything... gone through the CSS with a fine tooth comb and can't figure it out. any ideas? i'll paste in the CSS below:

thanks!

 {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  
  <!-- DEFAULT COLORS -->
  <meta name="color:Background" content="#701011"/>
  <meta name="color:Title" content="#330000"/>
  <meta name="color:Description" content="#330000"/>
  <meta name="color:Text" content="#000000"/>
  <meta name="color:Link" content="#6F0F10"/>
  <meta name="color:Date Border" content="#6F0F10"/>
  <meta name="color:Post Footer" content="#000000"/>
  <meta name="font:Body" content="Times New Roman, Times, serif">
  <meta name="image:Background" content="">
  <!-- END DEFAULT COLORS -->
  
  <meta name="if:Show notes" content="1" />
  <meta name="text:Disqus Shortname" content="" />

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  <link rel="icon" href="{Favicon}"/>
  
  <!-- iPhone -->
  <meta name="viewport" content="width=775,scale=1.0"/>
  <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
    <style type="text/css">
    body {
margin-top: 0px;
margin-bottom: 0px;
background-repeat: repeat-x;
background-color: #701011;
    }
    
    a, a:active, a:visited {
color: #6F0F10;
text-decoration: underline;
      font-weight: bold;
      text-decoration: none;
    }
    
    a:hover {
     text-decoration: none;
color: #441215;
    }
    
    a img {
        border: 0;
    }
    
    blockquote, ol, p, ul {
      margin: 0 0 1.5em;
      padding: 0;
    }
    
    ol, ul {
      margin-left: 2em;
      margin-right: 2em;
    }
    
    blockquote {
      border-left: 2px solid {color:Title};
      font-style: italic;
      margin-left: 1em;
      padding: 0 2em 0 1em;
    }
    
    h1, h2, h3, h4, h5, h6 {
      color: {color:Title};
      margin: 0 0 1.5em;
      padding: 0;
    }
    
    h1 {
      font-size: 3em;
      line-height: 1;
      margin-bottom: .5em;
    }
    
    h1 a, h1 a:visited, h1 a:active {
      color: {color:Title};
    }
    
    h1 a:hover {
      color: {color:Link};
      text-decoration: none;
    }
    
    h2 {
      color: {color:Description};
      font-size: 1em;
      margin-bottom: .5em;
    }
    
    h3 {
      font-size: 1.4em;
    }
    
    
    /* Content container */
    #content {
      margin: 1.5em auto 0;
      text-align: left;
      width: 35em;
    }
    
    
    /* Metadata */
    #meta {
      list-style: none;
      margin: 0.75em 0 0;
      padding: 0;
      text-align: right;
    }
    
    #meta li {
      display: inline;
    }


/* Search */
#search { margin: 0 0 0.75em; text-align: right; }

/* Search Result Count */
#searchresultcount { margin: 1.5em 0; text-align: center; }
    
    
    /* Individual Posts */
    .post {
      border-top: 1px solid {color:Description};
      padding: 2em 0 1em;
    }
    
    .post .date {
      border-top: 3px solid {color:Date Border};
      border-bottom: 1px solid {color:Date Border};
      float: left;
      padding: .25em 1em;
      text-align: center;
    }
    
    .post .date .month, .post .date .day, .post .date .time {
      color: {color:Description};
      display: block;
      font-weight: normal;
    }
    
    .post .date .month {
      letter-spacing: .05em;
      text-transform: uppercase;
    }
    
    .post .date .day {
      font-size: 1.3em;
      font-weight: bold;
    }

    .post .date a, .post .date a:visited, .post .date a:active {
      font-weight: normal;
    }
    
    .post .regular, .post .quote, .post .link, .post .conversation,
    .post .photo, .post .video, .post .audio {
      margin-left: 7em;
      padding: 0;
    }
    
    .post .photo .caption, .post .video .caption,
    .post .quote .source, .post .audio .caption {
      display: block;
      margin-bottom: 1.5em;
    }
    
    .post .quote .source {
      font-style: italic;
      text-align: right;
    }
    
    .post .conversation ul {
      list-style: none;
      margin: 0 .5em 1.5em;
      padding: 0;
    }
    
    .post .conversation ul li {
      padding: .5em 0;
    }
    
    .post .conversation ul li .person {
      font-weight: bold;
      margin-right: 1em;
    }
    
    .post .post-footer {
      color: {color:Post Footer};
      margin-left: 7em;
      text-align: right;
    }
    
    .post .post-footer .permalink, .post .post-footer .when, .post .post-footer .tags, .post .post-footer .source-url {
      font-size: .75em;
      font-weight: normal;
      margin-left: 1em;
    }
    
    .post .post-footer .source-url a { margin-right: 0.75em; font-weight: normal; }
    
    .post .post-footer .source-url a img {
        -moz-opacity: 0.45;
        opacity: 0.45;
        vertical-align: text-top;
        margin-left: 2px;
    }
    
    .post .post-footer .source-url a:hover img {
        -moz-opacity: 0.65;
        opacity: 0.65;
    }
    
    /* Previous and Next Links */
    #prev-next {
      margin-left: 7em;
      padding: 1.5em 0 3em;
    }
    
    #prev {
      margin-right: 1.5em;
    }
    
    #next {
      margin-left: 1.5em;
    }
    
    #footer {
      border-top: 1px solid {color:Description};
      font-size: .85em;
    }
    
    #footer a, #footer a:active, #footer a:visited {
      color: {color:Title};
    }
    
    #footer ul {
      list-style: none;
      margin: 1em 0;
      padding: 0;
      text-align: center;
    }
    
    #footer ul li {
      display: inline;
      margin: 0.5em;
    }

.query { font-weight: bold; }
    
    .regular img {
        max-width: 100%;
    }
    
    #disqus_thread, ol.notes {
        width: 448px;
        margin: 30px 0 30px 112px;
    }
        
        ol.notes {
            list-style-type: none;
        }
    
    .search_query { font-weight: bold; }
    
    /* Tags */
    .tags { display: block; }
    .tags .tag { margin-right: 0.75em; font-weight: normal; }
    
    #tagpageblurb { margin: 1.5em 0; text-align: center; }
    #tagpageblurb .tag { font-weight: bold; }
    
    /* Custom CSS */
    {CustomCSS}
  </style>

Sean Zhu

unread,
Sep 9, 2012, 3:06:16 PM9/9/12
to tumblr...@googlegroups.com, biondo...@gmail.com
Which horizontal margins or padding are you talking about? Can you perhaps give a link to a single post where you see this issue?

Are you talking about the red border that appear around the photo in photo posts?

biondo...@gmail.com

unread,
Sep 10, 2012, 11:04:55 AM9/10/12
to tumblr...@googlegroups.com, biondo...@gmail.com
hi sean,

thanks so much for getting back to me and checking in on this question... i actually couldn't figure out how to fix it so i went with a work-around and changed the blog to a pre-made template.

best wishes,
denise

Sean Zhu

unread,
Sep 15, 2012, 1:28:32 AM9/15/12
to tumblr...@googlegroups.com, biondo...@gmail.com
No problem; glad you found a solution!
Reply all
Reply to author
Forward
0 new messages