Image width

• 

  amaelur · Member · May 13, 2016 at 1:13 pm

  • Copy link
  • Add topic to favorites

  Hi!! I´m working with the “Silvio” theme right now and the wide of the images that appear in my posts are only 750px width. I would like to post them wider… I need to change the CSS and I don’t know which code I need to make this change. :(

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

• 

  carladoria · Member · May 13, 2016 at 3:48 pm

  • Copy link

  Hi there,
  You could try widening the width of your posts so that your images also get bigger. You can try the following:

  .entry-content {
  width: 140%;
  }

  @media (min-width: 992px)
  .col-md-offset-2 {
  margin-left: auto;
  }

  Hope it helps.

• 

  amaelur · Member · May 13, 2016 at 4:48 pm

  • Copy link

  It almost helped… :) But I only wanted the images get wider. In this case, I want minimum image wide 780px… and the predeterminated width is 750px. If I do what you say the images get wider!! They’re OK!! :) But the whole post get wider than the screen… And it doesn´t work at all… The post isn´t in the center no more… :( Anything else??? :)
  Thank you anyway!!

• 

  carladoria · Member · May 13, 2016 at 4:59 pm

  • Copy link

  I see… try this one, it seems to offer a better solution ;)

  img.aligncenter {
  width: 1000px;
  }

• 

  amaelur · Member · May 14, 2016 at 6:08 am

  • Copy link

  Hi!! Cardaloria. It doesn’t work… This code has no apparent effect… :( But I think it should be something like that… Maybe making wider the post as the other code, but also making narrower the margins… Or maybe it’s just thjat this theme needs another “lenguaje”… jejeje ¿?¿?¿?¿?

• 

  thesacredpath · Member · May 14, 2016 at 7:01 am

  • Copy link

  @amaelur, give the following a try.

  .col-md-8 {
      float: none;
      margin-left: auto !important;
      margin-right: auto;
      width: 100%;
  }
  img.size-full, img.size-large, img.wp-post-image {
      width: 100%;
  }

• 

  amaelur · Member · May 14, 2016 at 8:24 am

  • Copy link

  Hi Thesacredpath!! Now pictures are bigger than the picture (120%??) I edit my images at width780-850px for sharing in the posts. So The problem is that the predefined width is 750px so the theme doesn’t allow viewing them full size (780-850px), but when introducing your code it changes, but know it’s bigger than the picture so focusing is wasted… :(
  Thanks for helping anyway… :)

• 

  amaelur · Member · May 14, 2016 at 8:40 am

  • Copy link

  OK!!! I think I got it!! You code is perfect!! The fact is that the images were also posted with “full size” (780px). i don’t know exactly why, but with your code and editing them in the theme in “personalized size”, it works!!! THANK YOU.

• 

  thesacredpath · Member · May 14, 2016 at 9:45 am

  • Copy link

  You are welcome.