Pique Theme Shading CSS

• 

  jpokey73 · Member · Dec 20, 2016 at 10:38 pm

  • Copy link
  • Add topic to favorites

  Hi there! I would like my first panel to have the same color shading it has right now, i put a css code for that to make it a lighter shade instead what the pique theme has to offer which is a bit too dark. However, I am trying to make the following panels have around the same shading as what i made for the first one but when i try to put some kind of shade on it, the shade is more white and washes out the panel too much. I am trying to make the following panels have the same shade as the first picture. Can someone help me with that code? Thank you!

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

• 

  thesacredpath · Member · Dec 21, 2016 at 8:40 pm

  • Copy link

  Hi there, add the following to your custom CSS at the very bottom. What was making the top panel darker was an opacity setting of 0.5. The second rule below sets that to 1 and all the panels have the same overlay and opacity now.

  .pique-panel-content:before {
  	background: rgba(0, 0, 0, 0.5);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
  .pique-panel-background {
  	opacity: 1;
  }

• 

  jpokey73 · Member · Dec 22, 2016 at 12:20 am

  • Copy link

  Thank you!! That was exactly what I neededJ

• 

  thesacredpath · Member · Dec 22, 2016 at 12:25 am

  • Copy link

  Awesome, and you are welcome!