harmonic theme resizing my attached image to a smaller image

• 

  kenlow1 · Member · Mar 3, 2015 at 4:01 pm

  • Copy link
  • Add topic to favorites

  hi,
  i am aware default image width for the theme is 652px, and i had support earlier on (from halluke) to widen that to 852px by adding the following …

  .entry-meta, .entry-main {
  float: none;
  width: 100%;

  problem is, although my attached image is 850px, it is still resized by WP. as an example, see the following … https://kenandagnesphotoworks.wordpress.com/2015/03/03/river-of-dreams/
  image size width 850px is resized to 843px.

  how do i stop harmonic theme from resizing my attached images to a smaller image?

  kindly assist.

  many thanks,
  ken

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

• 

  thesacredpath · Member · Mar 3, 2015 at 7:16 pm

  • Copy link

  Ken, this took a bit to uncover. The .wp-caption is set at 98% max-width, which is accounting for the 850/843 difference. Add the following CSS to set that to 100%.

  .wp-caption img[class*="wp-image-"] {
      max-width: 100% !important;
  }

• 

  kenlow1 · Member · Mar 4, 2015 at 7:31 am

  • Copy link

  great piece of detective work, sacredpath.
  thank you very much.
  on the same topic, would it be possible to expand the left column to 900px, while shrinking the right column to accommodate the former’s expansion. it would be wonderful if this is do able.
  ken

• 

  thesacredpath · Member · Mar 5, 2015 at 6:12 pm

  • Copy link

  The content (#primary) and sidebar (#secondary) widths are set in a percentage width. What you can do is adjust them both so that the content area is wider and the sidebar area is narrower. Stick with percentage widths though or it will adversely affect the responsive design. If you reduce #secondary by 5%, add that same amount to #primary.

  body.secondary-sidebar #primary {
      width: 75%;
  }
  
  body.secondary-sidebar #secondary {
      width: 25%;
  }

  The above should allow you to increase the Media Width at Appearance > Customize > CSS to 900px.

• 

  kenlow1 · Member · Mar 6, 2015 at 2:49 pm

  • Copy link

  Hi Sacredpath,
  I included the css as suggested, initially with ratio75/25, but i found WP was still resizing the file slightly; then, i changed the ratio slightly to 79/21, which works well – WP retains the file size as is. You make me a happy man today, happiness engineer :) . many thanks and have a godd weekend.
  best regards,
  ken

• 

  thesacredpath · Member · Mar 6, 2015 at 3:51 pm

  • Copy link

  Ken, you are welcome and glad you are happy. :)