Reddle picture width problem

• 

  katerinastav · Member · Apr 26, 2013 at 3:20 pm

  • Copy link
  • Add topic to favorites

  Hi Everyone,

  I’m having problems with my customized Reddle theme. I have set the pictures to be 700px wide and I want that to be true across the site for all landscape-oriented pictures and it works great in Firefox but it somehow gets messed up in all other browsers. Some pictures have random smaller widths and I have no idea why.

  Here is everything I have in my CSS sheet, please note that I’m not good at this and most of these additions I have taken from forum threads so there’s probably something wrong there:

  #site-title {
  border-bottom: 1px solid #ddd;
  display: inline-block;
  font-family: Georgia, “Bitstream Charter”, serif;
  font-size: 52px;
  font-size: 5.2rem;
  line-height: 1.15;
  padding: 0 2.954209748892% .275em;
  }

  #main .widget-area {
  float: right;
  margin-right: 6%;
  width: 19%;
  }

  .secondary #content {
  margin: 0 29% 0 7%;
  }

  footer .permalink,
  .image-attachment #content footer .permalink {
  margin-left: 58px;
  }

  #page {
  width: 1120px;
  }

  .wp-caption {
  border: 0;
  background: transparent;
  max-width: 100%;
  }

  .wp-caption.aligncenter,
  .wp-caption.alignleft,
  .wp-caption.alignright {
  margin-bottom: 0;
  }

  .wp-caption img {
  display: inline;
  max-width: 100%;
  }

  .wp-caption-text {
  color: #777;
  font-size: 11px;
  text-align: center;
  }

  .wp-caption .wp-caption-text {
  margin: 0;
  }

  .wp-caption img {
  border: none;
  }

  .tag-links {
  display: none;
  }

  Any help is much appreciated!

  The blog I need help with is: (visible only to logged in users)

• 

  katerinastav · Member · Apr 26, 2013 at 3:30 pm

  • Copy link

  Also, I just noticed that this problem happens in all browsers but only when I am NOT logged in as an admin. When I log in, the problem disappears, it happens on all browsers and it is really strange. Please help!