Image Layout / Column Width

• 

  donnalisa1960 · Member · Nov 16, 2019 at 12:13 am

  • Copy link
  • Add topic to favorites

  I setup a row of 4 equal size images and would like to exceed the limit on how big I can make the images. I have tried different layout elements – column, grid layout, and table. I’m guessing that the main content area needs to be widened. It is the Canard theme which has a sidebar area. Is there CSS to do this and will widening the main area automatically shrink the sidebar?

  Thanks,
  Andrew

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

• 

  staff-mckluskey · Staff · Nov 18, 2019 at 10:50 am

  • Copy link

  Hi there!

  It looks like you’ve already reached out via email and my colleagues have provided you with a few CSS snippets to solve this. Let’s stay in touch via email.

  Thanks!

• 

  donnalisa1960 · Member · Nov 18, 2019 at 5:52 pm

  • Copy link

  In the email replies to my request I received two separate CSS snippets for supposedly the same issue. I pasted them here to see if you could explain any difference between the two. Thanks

  ————————————————————————————

  /* Increase width of content area on desktop – 2495732-zen */
  
  @media screen and (min-width: 1380px) {
  .site-content-inner {
  width: 1380px;
  }
  #main.site-main {
  width: 1050px;
  }
  }

  ————————————————————————–

  /* Increase width of content area on desktop – 2495732-zen EH */
  
  @media screen and (min-width: 1380px) {
  .entry-header-inner, .featured-content-inner, .footer-navigation>div, .footer-widget-inner, .header-image-inner, .search-navigation-inner, .site-branding, .site-content-inner, .site-info, .site-top-inner {
  width: 1380px;
  }

• 

  supernovia · Staff · Nov 18, 2019 at 6:05 pm

  • Copy link

  They’re two different methods. One is more specific than the other, and one shows a wider-width than the other, too. I’d recommend trying each one separately and deciding which option suits your site better.

• 

  donnalisa1960 · Member · Nov 18, 2019 at 9:40 pm

  • Copy link

  Thanks

• 

  supernovia · Staff · Nov 19, 2019 at 2:55 am

  • Copy link

  You bet. If you need more help, let us know. Know too, with CSS there are usually several ways to do things. Hoping that helps!