Change transparency and width of content panel

[Marjorie Cohen]

Hi, how do I change the transparency and width of a page’s content panel?

I would like to make the content panel wider and less transparent for this page:

http://www.mynameisvivienne.com/press/

Thanks for your help,
Marjorie

[Bill Robbins]

Hello Marjorie,

Good question. You can do that. If you’d like to change that only on that page, then do this:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   .page-id-1286 #panel {
   	width: 390px;
   	background-color: rgba(0, 0, 0, 0.2);
   }
   

3. Update your settings.

If you'd like to make those changes everywhere, then use this snippet in the Custom CSS box instead:

.front #panel {
	width: 390px;
	background-color: rgba(0, 0, 0, 0.2);
}

You can change the width by altering the 390 in the snippets above. Also the 0.2 at the end of the snippet controls the transparency on a scale of 0 (completely transparent) to 1 (completely opaque).

If you have any questions or trouble, let me know.

Thanks,
Bill

[Marjorie Cohen]

Awesome, thanks Bill!

[Bill Robbins]

Anytime Marjorie. Merry Christmas!

[Author]

Posts