Overriding Default Pique Template Background Image Tinting

• 

  etcmusicschool · Member · Oct 30, 2016 at 7:40 pm

  • Copy link
  • Add topic to favorites

  Does anyone know how to override the default tinting/filter of the Pique Theme? I tried using CSS under Customize to set the background image with the page id of the home page and image url like normal, but it didn’t change anything.

  Thank you for your help!

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

• 

  innisfreehomestead · Member · Oct 31, 2016 at 9:03 pm

  • Copy link

  Hello there!

  Something like this should work:

  #pique-hero .pique-panel-background {
  	opacity: 1;
  }

  Hope that helps,
  Sage

• 

  thesacredpath · Member · Oct 31, 2016 at 9:11 pm

  • Copy link

  Hi, I think the following will get you what you want, but one of the reasons for the darker tint and opacity settings is to make sure that the content is readable, which can be an issue when text is overlaid on images, such is the case with the Pique Panel page. Add the following and view your site and see what you think.

  .pique-panel-background::before {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  }
  .pique-frontpage .pique-panel.pique-panel2 .pique-panel-background {
      opacity: 1 !important;
  }
  .pique-panel-background {
  	opacity: 1;
  }