Footer transparent background change not persistent

It seems you’ve solved the problem already, as I see a persistent white background color in the footer area now, and not the background image in your screenshot.

Unfortunately it is not solved. It is white now after I fiddled with the color settings in the Artistry theme that I use. But there is no opacity slider. So the background is now white instead of black and still not transparent. I do not find a way to reduce the padding to zero as workaround. I have contacted the author of the theme but without reply until now.

Thanks for taking the effort to replay anyway !

Nick

So the background is now white instead of black and still not transparent.

So, what exactly do you want? Black or transparent ??

I don’t know what features your Artistry theme provides: this seems to be a custom theme One.com offers exclusively to their customers — so I’m unable to install it.

But you should be able to use custom CSS to override the theme’s styles.

To make the background totally transparent, add the following custom CSS to APPEARANCE => CUSTOMIZE => ADDITIONAL CSS:

#site-footer .footer-widgets-row {background-color: transparent}
#site-footer td {border: none}

Standing by for feedback.

I want it transparent.

I added your suggestion : https://www.flickr.com/photos/186283452@N07/52799600379/in/dateposted-public/

No change.

There’s an error in your ADDITIONAL CSS.

The previous CSS code you added was not closed (ie no closing bracket } ) before you added the new one. So, of course, it will not work.

Please either fix the problem with your existing code (add a closing bracket }) before adding the new code I gave you…

Or REMOVE EVERYTHING in the ADDITIONAL CSS box and copy and paste everything below (this is all the old and new code, with the error fixed):

.footer-copyright {
	display: none;
}
.container {
  position: relative;
  max-width: 100%; /* Maximum width */
  margin: 0 auto; /* Center it */
}

.container .content {
  position: absolute; /* Position the background text */
  top: 0; /* At the top. Use top:0 to append it to the top */
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1; /* Grey text */
  width: 97.5%; /* Full width */
  padding: 20px; /* Some padding */
}

#site-footer .footer-widgets-row {background-color: transparent}
#site-footer td {border: none}

GREAT ! You made my day !

Thanks a million for standing by and coach me.

Nick