February 27, 2013

Lighten an area using css

Question by Asmastas Maz

I want to lighten the area behind and near the logo on which the logo is located. The purpose for this is because the border of the logo is mixed with the background. Please help

Answer by Starx

You can add a background with rgba property to give a fake light background.

Try this

#logo {
   background-color: rgba(255,255,255, 0.5);
   /* Then other css */

In your case, modify your .head to this

.head {
  padding-left: 5%;
  background-color: rgba(255,255,255,0.5);

Author: Nabin Nepal (Starx)

Hello, I am Nabin Nepal and you can call me Starx. This is my blog where write about my life and my involvements. I am a Software Developer, A Cyclist and a Realist. I hope you will find my blog interesting. Follow me on Google+


Please fill the form - I will response as fast as I can!