Apply opacity to page but not to another page?

• 

  taylermagnuson · Member · Oct 6, 2017 at 2:14 am

  • Copy link
  • Add topic to favorites

  I have a furniture company and like the .site {opacity: 0.8;} look but I cannot have it on my fabric page cause it obviously bleeds through making the fabric appear different.. can I make website.com/fabrics with an opacity:0 somehow?

• 

  g471n · Member · Oct 6, 2017 at 9:45 am

  • Copy link

  Hi taylermagnuson

  Please supply a link to your site and I will gladly have a look at this for you.

• 

  taylermagnuson · Member · Oct 7, 2017 at 4:55 am

  • Copy link

  The main page and the fabrics page are below.. I want the opacity on all pages other than the fabrics page if possible. Thank you!!
  http://www.patiocushionsite.com

  View Fabrics

• 

  thesacredpath · Member · Oct 7, 2017 at 8:17 am

  • Copy link

  Hi @taylermagnuson, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours, I would suggest asking for help in the Twenty Sixteen support forum over at WordPress.org.

  The differences between WordPress.com and WordPress.org.

  I did take a quick look at your site, and the following custom CSS should take care of it for you. It sets the opacity, but excludes your fabrics page.

  body:not(.page-id-54) .site {
  	opacity: 0.8;
  }