Design (backgroung)

• 

  cypher110 · Member · Dec 16, 2016 at 9:41 am

  • Copy link
  • Add topic to favorites

  My page is pique type and i have pictures as background on it but on the sides i have black background, what i want is to make my page 16:9 so there is no color background, only photos.

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

• 

  staff-loquaciousloon · Staff · Dec 16, 2016 at 7:42 pm

  • Copy link

  Hi @cypher110!

  Pique is built to have a maximum width of 1400px, so your images look good and don’t repeat across really wide screens :)

  You could use Custom CSS (part of a Premium Plan or Business Plan) to alter that, with the following snippet:

  .site,
  .main-navigation,
  .pique-panel-content,
  .site-footer {
      max-width: 100%
  }

  That will extend the width of the panels to the ends of the page. On larger screens, that will mean your background images may need to repeat themselves to cover the space.

  This style will scale the image so the cover the area, but on some screens, that will lead to parts of the image not being visible :)

  .pique-panel-background {
      background-size: cover;
  }

  Let me know how it turns out!