Static Homepage

• 

  theswingcatswebsite · Member · Mar 3, 2017 at 4:43 pm

  • Copy link
  • Add topic to favorites

  Hi guys, i was just wondering how can i make the homepage of Pique Cafe not to move? Like, not photo over photo

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

• 

  otpidusprime · Member · Mar 3, 2017 at 7:25 pm

  • Copy link

  Hi there,
  The page is doing that photo over photo thing because of this CSS property.

  body:not(.no-background-fixed) .pique-panel-background {
      background-attachment: fixed;
  }

  It can disabled by just adding /* before this code and */ after this code, like this:

  /*body:not(.no-background-fixed) .pique-panel-background {
      background-attachment: fixed;
  }*/

  This is called commenting, which prevents the code from affecting the page layout.

• 

  staff-loquaciousloon · Staff · Mar 6, 2017 at 1:59 pm

  • Copy link

  Slight modification on @otpidusprime (which is exactly what you need apart from a typo!)

  body:not(.no-background-fixed) .pique-panel-background {
      background-attachment: scroll;
  }

  You want the background to be scroll, not fixed :)

  My fingers always type background: fixed out of habit, since scroll is normally the default, so I can completely relate ;)

  EDIT: Oh, I see what you were saying now, sorry @otidusprime. The CSS is in the theme’s stylesheet where it can’t be commented out as you’ve described. The solution would be to add a counter style to the site’s Custom CSS (part of a Premium Plan or Business Plan).