background image

ell9899 · Member · Jan 27, 2022 at 11:24 am
Copy link

Add topic to favorites
hello, i am trying to add a background image to my whole site, however when i do that the image gets sent behind the black solid background as you can see, can you help me fix this and get rid of the black solid background on top of the image?

WP.com: Yes
Correct account: Yes

The blog I need help with is: (visible only to logged in users)
fstat · Staff · Jan 27, 2022 at 1:10 pm
Copy link
Hi there,

This is happening because the theme you have selected overlays a black background on top of the theme’s background. To be able to remove that background you’ll have to use some CSS code.

Custom CSS is a feature included in the Premium, Business, and eCommerce plans and therefore you first need to upgrade to either plan before using it. You can read more about it here:

http://en.support.wordpress.com/custom-css/

If you decide to upgrade we can provide you with the necessary CSS code.
ell9899 · Member · Jan 27, 2022 at 1:13 pm
Copy link
Hey, thanks got it, does it have to be the premium plan or can it any other plan to be able to use css code?
staff-mckluskey · Staff · Jan 27, 2022 at 1:21 pm
Copy link
It would have to be Premium, or a higher one. You can see the plan comparison here:

https://wordpress.com/pricing/.
ell9899 · Member · Jan 27, 2022 at 1:25 pm
Copy link
That’s fine, so premium is just after the personal plan so that’s fine, also which case code would I need to insert into the additional css section in order to be able to see the background image I want and remove the solid black block? Thanks 😊
kokkieh · Staff · Jan 27, 2022 at 2:56 pm
Copy link
Hi there,

This code will do the trick:
```
/* Remove content-area background color */
.pique-panel, .site {
	background-color: rgba(0,0,0,0);
}
```
There’s actually two sets of background colors that need to be removed – one on the element Pique uses to create the panels, and one on the element for the actual content area. This code removes both by setting a transparent background color instead – the first three values in the parenthesis represent the color, and the last the transparency, so as long as the last value is zero, it doesn’t really matter what the other three are.

You can also make that last value anything between zero and 1 (i.e. a decimal value) to still have a partially transparent background if you prefer – it might help with readability of your content, but best to decide about that, and what color such a background might be, when you’re ready to actually add this code to your site.

No items found.