Wider content on computer (Affinity theme)

• 

  vanjaulfvensjo · Member · Jan 31, 2017 at 10:27 pm

  • Copy link
  • Add topic to favorites

  I would like my content to take up more of the width on my blog (www.vanjaulfvensjo.com) on the computer. On mobile devices, it looks good but the posts are way smaller than I want them to be when looking at them from a computer. What I´d like to get some help with is to customize a CSS-code that will help me to at least make my posts twice as large. The theme I use is Affinity.

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

• 

  nizamilputra · Member · Feb 1, 2017 at 6:52 am

  • Copy link

  Hi @vanjaulfvensjo

  Please try to use this css,

  @media screen and (min-width: 68em){
    .page-template-guestbook .site-main, .no-sidebar .site-main,
    .site-content {
      width: 100%;
    }
    .site-content{
      max-width: 1200px;
    }
  }
  
  @media screen and (min-width: 58em){
    .page-template-guestbook .site-main, .no-sidebar .site-main {
      max-width: 100%;
    }
  }

  Let me know if you need another help.

  Thank you.

• 

  vanjaulfvensjo · Member · Feb 1, 2017 at 9:01 am

  • Copy link

  It worked! Thank you so much! :)

• 

  vanjaulfvensjo · Member · Feb 1, 2017 at 9:01 am

  • Copy link

  It worked! Thank you so much! :)

• 

  nizamilputra · Member · Feb 1, 2017 at 9:29 am

  • Copy link

  You are welcome. Glad that works!