Event page section background change

Hi,

Is it possible to change the body section background and text color on an event page? (not the header and footer)

https://www.chicagoawakening.church/awknevents/btb-1-pe574-k8976-5kddj-3ts94

If I try to change the body color, header also changes to the same color.

section[data-section-id="63d7db4f2eec4874903fbf8d"] <- this is the section I want change the background color and text color.

Also, is it possible to make a specific section of the front page to always fit in the opened window size?

I'm not sure if I'm explaining this well, but right now if I open the website, the front page doesn't automatically fit to the size of my window but gets cut off if the window is small.

I've looked at other websites where they had there main section in the front page to be dynamically adjust to the user's window size so nothing gets cut off.

Here's an example:https://www.cornerstonenashville.org

section[data-section-id="63d035c1da283a242026e59a"] to <- this is the section I want to land on when someone opens the window.

Thank you so much!!

Add to Design > Custom CSS

[data-section-id="63d7db4f2eec4874903fbf8d"] .section-background {
    background-color: #f1f !important;
}

body[class*="type-events"].view-item .header-announcement-bar-wrapper {
    background-color: #232323 !important;
}

@tuanphan

Thank you so much! That did change the background color. 

How do I change the text color for the body part?

data-section-id="63d7db4f2eec4874903fbf8d

On 2/6/2023 at 11:49 PM, ChicagoAwakeningChurch said:

@tuanphan

Thank you so much! That did change the background color. 

How do I change the text color for the body part?

data-section-id="63d7db4f2eec4874903fbf8d

 

Use this 

[data-section-id="63d7db4f2eec4874903fbf8d"] * {
	color: #f1f2f3 !important;
}

thank you so much!