How to make the images wider

• 

  noorauusitalo · Member · Jan 21, 2017 at 3:20 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I would like the pictures to be wider (maybe 900-1000px instead of “The default content width for the Canape theme is 620 pixels”).

  Thanks!

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

• 

  jenlynnemc · Staff · Jan 23, 2017 at 2:04 pm

  • Copy link

  Hi There,
  It is possible to change the width of the images in this theme, but it will definitely affect the look of your site on mobile devices, smaller screen sizes, etc, so it would not be recommended. If possible I would recommend finding a theme that allows wider images, so it does not affect the look/ layout of your site for some viewers.
  Hope this helps,
  Thanks

• 

  thesacredpath · Member · Jan 26, 2017 at 12:44 am

  • Copy link

  Hi @, looking at the HTML, the images are created at 950px wide, so we can widen things out and get you images around 900px wide with the following custom CSS and not have a degradation in image quality. Go to Customize > CSS, delete all the informational text in that window, and paste in the following.

  .content-area:not(.front-page-content-area) {
    max-width: 1065px;
    width: 100%
  }

• 

  noorauusitalo · Member · Jan 26, 2017 at 9:20 am

  • Copy link

  Thank you! :)

• 

  thesacredpath · Member · Jan 26, 2017 at 10:05 am

  • Copy link

  You are welcome.