Blog ~ Appearance–Custom CSS, 12/10

I never gave up!

After several hours of reading and trying different CSS coding, I finally achieved what I wanted back in April. This on the eve of the release of the new Default Theme–Twenty Seventeen. We do not know exactly when it will be released. We are waiting. I digress…

  1. .site {
  2. background-color: transparent;
  3. border: 0;
  4. margin: .625em;
  5. }
  1. #masthead,#content,#colophon {
  2. background: rgba(255,255,255,0.8);
  3. }

With a few simple [after a LOT of sweat and almost tears] lines of code. The bolded lines are new. Set the background to transparent and then the header, body (content), and footer to the level of desired opacity [0.8 or 80%] for now. My background is visible, even on mobile devices. Never, ever, give up…


It clearly distinguished my work for others printing in this town.

.site {opacity: .91;}

Now, with a single line of CSS code, I can achieve the same with this blog. I will update my Custom Twenty Sixteen CSS Page to show this modification soon.

Inspired by and thanks to  How To Master Twenty Sixteen (Or Any WordPress Theme) article.  It made the process simple.

Thanks Ragnar for sharing.

This code set the site opacity; therefore, one could see the background through py picture–not what I wanted.

Author: jalexartis

Avid cyclist, who loves photography, technology, blogging & cooking...

One thought on “Blog ~ Appearance–Custom CSS, 12/10”

Your comments please...

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s