Colored Box: How To Limit Box Width?

• 

  raphaelledergerber · Member · Dec 17, 2015 at 2:01 pm

  • Copy link
  • Add topic to favorites

  Dear all,

  On this page we used a colored box with that code:

  http://ledergerber-partner.ch/angebot/unternehmensstrategie

  …
  </div>

  1. To eliminate the empty box space on the right side we would like to limit the box width with e.g. 600 px.
  2. To have it also for mobile users we would like to make this box mobile friendly (like the other page sections).

  How to do that with changing our code?

  Thanks,
  Raphael

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

• 

  michaelvandenberg · Member · Dec 17, 2015 at 6:02 pm

  • Copy link

  Hi there,

  Just give the box a max-width of 600px:
  <div style="background-color: #DFEAED; padding: 12px; max-width: 600px;">

  I hope this helps!

  Best regards,

  Michael

• 

  raphaelledergerber · Member · Dec 18, 2015 at 7:33 pm

  • Copy link

  Hi Michael,

  Yes, that’s perfect!
  Thanks a lot, very appreciated!

  Best regards,
  Raphael