Change Site Style defined colours on footer section on one page only

January 28

Hello,

I'd love your help helping me solve a problem with CSS.

I've decided I want one of my pages to have a different color theme than the others. This works great on the main sections within each page, but the footer can only be one color theme, sitewide. I want the footer color theme to be different on one page.

Is it possible to assign a site style color theme, the one named 'LIGHTEST 2' to the footer just on the /photo page?

I'm not sure how I would address the color themes in CSS. It's important that it is in CSS or perhaps a code section because I only have the personal plan and cannot use page-specific code injection.

http://www.dustin.land
My site password is: SQtemp123

Thank you for the time and help! 😊

Edited January 28 by DustinWilliam

tuanphan · February 1

Add this to Photo Page Header

<style>
  footer.sections .section-border, footer.sections .section-background {
    background-color: #d7d9d9 !important;
}
</style>

If you use a Personal Plan, add this to Design > Custom CSS

/* Photo page footer */
body#collection-63d1a5abb1fbe8770971fe49 {
footer.sections .section-border, footer.sections .section-background {
    background-color: #d7d9d9 !important;
}}

February 2

Thanks! This solved the issue!

Change Site Style defined colours on footer section on one page only

Recommended Posts

Guest

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

tuanphan

Link to comment

Guest

Link to comment

Create an account or sign in to comment

News

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources