[Resolved] Possible to edit the white color? Stream site

[William]

Hello –

I’m having a bit of trouble turning this white background color to black. Am I missing something obvious?

url is https://veritybjj.com/

referring specifically to this white space:

View post on imgur.com

Thank you in advance!

[Ying]

Hello William,

Use this CSS to turn the background color to black.

.entry-content {
    background-color: black;
}

There’s an empty paragraph in the entry content which has white background color, you can just simply delete it.
https://www.screencast.com/t/I8BDsl7GDT

Let me know 🙂

[William]

Ying thank you so much. I apologize, I’m a complete newbie! Where exactly would I be able to delete the <p>? When I right click and hit “inspect” I’m unfortunately not seeing the same as your screen shot.

Thanks so much!

[Ying]

No worries William, I’ll walk you through this 🙂

I just checked your site, it seems changed a bit. You could ignore the CSS I provide previously, try to follow the steps below instead:

1. Add this CSS:

.home .inside-article {
    background-color: black;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

2. I assume you built your site footer using Block element? Then go to this container of footer, using Padding top 100px instead of Margin top 100px in the Spacing section.
https://www.screencast.com/t/FtRAZWAJtIN

Let me know 🙂

[William]

Hi Ying –

Thanks so much!

I have one last question. I am looking at my site on mobile and the background picture is not responsive. Is there a way to make the background picture fit better on mobile?

Thank you.

[Leo]

Please open a new topic for the new question.

Thanks!

[William]

Thanks Leo. Will do!

Ying – I apologize one last thing!

I was able to right click and inspect and change the Padding top 100px instead of Margin top 100px in the spacing section. However when I exit out of the inspect module, the changes don’t save. Do I need to be making this change somewhere else?

Thanks again!

[Ying]

Hi William,

Inspector is just for inspecting purpose, nothing will be saved to your site after you close the inspector tool.

“2. I assume you built your site footer using Block element? Then go to this container of footer, using Padding top 100px instead of Margin top 100px in the Spacing section.”

Try to follow the steps:

1. Go to Appearance > Elements
2 .Find the Block – Site footer (type)
3. Go in and edit the very outside GB container , set its padding top to 100px and margin top 0.

Let me know how it works.

[William]

Thank you that worked!

[Ying]

No problem 🙂

[Author]

Posts