Change page color not background color to black

Hi Support Team,
I am having a design issue in Wordpress with the Sparkling theme. I chose this because of its simplicity. It is just what I need. I am trying to come close to my current customized site from GoDaddy. I am having restriction problems with wordpress, which I will have to work with, it is not as flexible, but my only stopper is that the page in your template is white, and I need it to be black. I see where to change the background and header to black, but this leaves a white page which I do not want. The blocks in the builder can be changed to black as well, but the page still surrounds the block with white. My style is black with white text. Black displays photographs better. What can be done to change this to black?? Suggestions?
See attached file. The block from page builder has the red border. The part I would like to change is the white page where Welcome is displayed around it.
Thanks much.

Hi there
Hope you are having a good day :slight_smile:
please provide url and i will take a look, please note changing theme style to black will require some customization because there is no built-in option to switch from white to black style

Noda,
The website is not live yet, I am currently working on the design. The screen snap is in lieu of the actual site. Do you know what part of the page I am have difficulty with? What customization would be needed?
Thanks for the help.

Hello

Well, i can’t say where exactly and what exactly you have to change since the theme is not ready for such changes most probably some customizations are necessary

Why isn’t the theme ready for changes, I am still putting it together. This is the perfect time for changes. And yes, what are the customizations you are referring to? See the attachment on my first post. Screen snip, It shows the area and a description. The black bar at the top is the header, gray on the left side is the background. I know how to change these. The white page that says Welcome is what I need to change to black if possible. The blue image is in a block in the page builder. I will attach it again.

Sorry but i can’t tell anything from the screenshot, need a live website, i have to use chrome inspect tools to check what changes are necessary

The theme is ready for any changes but there are not options included for such changes, this means you have to customize it yourself

Noda,
I have a temp site url if that helps.
Please advise, I am concerned about privacy at this point.
Thanks

please post it here, when you mark your post as a private no one can see it

Thank you. Sorry for the confusion.
Temp site is http://ihp.4e8.myftpupload.com/

Please advise.

hey there

Hope you are having a good day :slight_smile:
Please add this CSS in appearance - customize - additional CSS

.post-inner-content {
background-color: #000;
}

Thanks!
Colorlib Support Team

You are a genius. This works. There is still a slight, and I mean slight white border around the page content area, but I think it works with the design. Is there a reason why this did not fill the entire area with black?

Also, just out of curiosity, is there a way to do gradients in CSS options?

Thanks a bunch.

Hey there

In the code i provided you can use gradient css bg color,

p.s. during the development of the site it does no has any sense to enable right click on the site,

Noda,
Could you supply the exact code for a background linear gradient, Black to white?
Can you use two CSS codes without harming the site?
Thanks

hello

New example of the code looks like this:

.post-inner-content {
background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%, rgba(0,212,255,1) 100%);
}

but if you want different gradient you can generate it there: