Jump to content

Event page section background change

Recommended Posts

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!!

Screen Shot 2023-01-30 at 2.38.15 PM.png

Link to comment
  • Replies 4
  • Views 327
  • Created
  • Last Reply

Top Posters In This Topic

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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.