How can I make the header & post area transparent in the Forever theme?

• 

  cjgillam · Member · Jul 26, 2013 at 3:12 am

  • Copy link
  • Add topic to favorites

  I would like to the make the main posting area slightly transparent so my background pattern is visible. It is currently all white. I am using the “Forever” theme and no nothing about CSS! Haha!

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

• 

  thesacredpath · Member · Jul 27, 2013 at 1:13 am

  • Copy link

  Hi there, you can do this using RGB alpha to declare the color and set a opacity/transparency. Go to Appearance > Custom Design > CSS, delete the informational text and add the following. The first three numbers, 255, are the RGB numbers for white (255, 255, 255). The last number, the 0.8, is the opacity. 0.1 would be nearly completely transparent and 0.9 would be nearly opaque. You can also use things like 0.85.

  #page {
  background: rgba(255, 255, 255, 0.8);
  }

• 

  cjgillam · Member · Jul 28, 2013 at 9:11 pm

  • Copy link

  My hero! Thank you so much for sharing this with me. It was an incredible help. I really appreciate your taking the time to explain what the codes mean. It really helps a beginner like me. :) Blessings to you!

• 

  thesacredpath · Member · Jul 30, 2013 at 5:29 pm

  • Copy link

  You are very welcome and blessings back to you too!