ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Clique
• December 17, 2013 at 7:44 pm #37806
  DenisKornilov

  Member

  Post count: 67

  Hello!

  When i set “full wide” portfolio page my image become stretched to the full wide.
  I understand that it’s right, but i want my image to be original size but centered.

  Could you provide some custom CSS for me?

  December 17, 2013 at 7:56 pm #37811
  DenisKornilov

  Member

  Post count: 67

  I mean “full width”, sorry.

  December 19, 2013 at 9:45 am #38252
  Melanie – SUPPORT

  Member

  Post count: 11032

  Hi, I’m afraid that’s how the portfolio has been built by the developer. If you’d like to change that you would need to modify the php code.

  All the best

  December 19, 2013 at 8:39 pm #38423
  DenisKornilov

  Member

  Post count: 67

  Hi,

  i have this custom css:

  article.type-portfolio figure.media-wrap img {
  max-width:100%;
  width:auto!important;
  float:right;
  }

  this makes the image is not stretched, but don’t aligns it to the center.
  Can you help?

  December 29, 2013 at 10:43 am #39350
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Try this:

  article.type-portfolio figure.media-wrap {
  text-align: center;
  }
  article.type-portfolio figure.media-wrap img {
  max-width:100%;
  width:auto!important;
  margin: 0 auto;
  display: inline-block;
  }

  – Ed

  December 29, 2013 at 12:51 pm #39380
  laranz – SUPPORT

  Member

  Post count: 3186

  Hi,

  Can you provide the URL of that portfolio, that you achieved so far?

  Thanks for your co-operation and patience over this period when we spent holidays, we wish that you too had a great holiday. 🙂

  Let me know, what you got.

  Thanks,
  laranz.

  December 29, 2013 at 5:36 pm #39402
  DenisKornilov

  Member

  Post count: 67

  Hi guys!

  Thank you, ED! Looks great: http://deniskornilov.com/?portfolio=nexi
  I know that it can be a little annoying, but is there a way to move the header to the top and make it to be centered?

  Thanks a lot!

  December 29, 2013 at 5:54 pm #39405
  DenisKornilov

  Member

  Post count: 67

  And one more issue:

  I found out that if the sum of width of two images (1800px) is less than resolution of the display (1920px), they stick together. Link: http://deniskornilov.com/?portfolio=natalie-tours

  Whether it is possible to divide them?

  Thanks!

  January 3, 2014 at 12:29 am #39978
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Change the code to:

  article.type-portfolio figure.media-wrap {
  text-align: center;
  }
  article.type-portfolio figure.media-wrap img {
  max-width:100%;
  width:auto!important;
  margin: 0 auto;
  display:block;
  }

  You want to move the text header to the top? This would mean editing single-portfolio.php

  Hope that helps.

  – Ed

  January 4, 2014 at 7:41 am #40177
  rhodez

  Member

  Post count: 86

  Hi,

  I am trying to do something similar with portfolio images / blog images. This CSS works for keeping blog / portfolio images streching over 100% width. However it creates another problem: the portfolio image jumps to top of the page:

  /* BLOG / PORTFOLIO IMAGES DON’T STRECH OVER 100% AND CENTER */

  figure.media-wrap {
  text-align: center;
  }
  figure.media-wrap img {
  max-width:100%;
  margin: 0 auto;
  width:auto!important;
  display: inline-block;
  }

  Tried to use this CSS to give the image a 100px top margin but it doesn’t work for me:

  article.type-portfolio figure.media-wrap img {
  margin-top: 100px;
  }

  Here is a sample portfolio item from my site: http://sometek.fi/portfolio/tiimilukio-verkkosivusto/

  January 4, 2014 at 12:13 pm #40286
  rhodez

  Member

  Post count: 86

  Sorry, my mistake,

  I had chosen “full width media” instead of standard media. Now portfolio images are working properly and I don’t even need the second CSS code.

  January 7, 2014 at 7:45 am #40666
  Melanie – SUPPORT

  Member

  Post count: 11032

  Fantastic!

• Back to forum

  Posted in: Clique