Increase main column width – Affinity theme

• 

  charlottemorin · Member · May 24, 2019 at 9:07 am

  • Copy link
  • Add topic to favorites

  Hi!
  I need some help on Affinity theme.
  The main column width is 560 for blog posts and 716 for pages.
  I would like to increase this everywhere (home page / pages / blog / portfolio).
  Do you think it’s possible with CSS?
  Thanks,
  C.

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

• 

  raduconstantin1 · Member · May 26, 2019 at 9:13 am

  • Copy link

  Hey,

  I had a look at the theme styling and I think that this is the CSS that will do the trick for you:
  
/* change the width for pages - 716px */
.affinity-front-page .no-featured-image .edit-link, affinity-front-page .site-content .entry-header, .affinity-front-page .site-content .entry-content, .affinity-front-page .site-content .entry-footer, .page-template-guestbook .site-main, .no-sidebar .site-main {
max-width: 800px !important;
}
/* change the width for posts - 560px */
.page-template-guestbook .site-main, .no-sidebar .site-main {
max-width: 800px !important;
}


  Regards,
  Radu

• 

  charlottemorin · Member · May 27, 2019 at 10:22 am

  • Copy link

  Hi Radu,
  thanks again for your help!
  I tried your CSS and it didn’t work so I tried this… and it worked!

  /* change the width for pages – 716px */
  .affinity-front-page .no-featured-image .edit-link, affinity-front-page .site-content .entry-header, .affinity-front-page .site-content .entry-content, .affinity-front-page .site-content .entry-footer, .page-template-guestbook .site-main, .no-sidebar .site-main {
  max-width: 100% !important;
  }
  /* change the width for posts – 560px */
  .page-template-guestbook .site-main, .no-sidebar .site-main {
  max-width: 100% !important;
  }
  Thanks,
  C.

• 

  charlottemorin · Member · May 27, 2019 at 2:19 pm

  • Copy link

  Hi again!
  It works for the frontpage but then it doesn’t work for posts and pages… too bad…
  What do you think? Any great idea?
  Thanks,
  C.

• 

  gemmacevans · Member · May 28, 2019 at 10:02 am

  • Copy link

  Hi charlottemorin,

  I’ve tested @raduconstantin1’s CSS and it is working for me. Can you send a link to the page that isn’t behaving as expected after adding it? That way, we can see if the CSS needs tweaking to include that one too.