Streamline theme - CSS to invert background / text color on specific pages?

Store Design
1

Hi there

here is a preview of the site I am editing.

https://9joiqfwcbg96zn8o-55591927940.shopifypreview.com

I am looking to invert just the contact page / shop page text so it is white against a black background.

Footer can remain black as is. Assuming this is a CSS edit? If I am understanding correctly these pages don’t have unique identifies you can refer to in the theme.css.liquid code.

New to all this so thankful for any insight.

1 Like
2

@macandrew

yes i can also see not any specials class in that page so can you do this https://www.shopify.com/in/partners/blog/92262598-creating-useful-css-hooks-in-liquid

and let me know after i will give you css code

3

Hi @macandrew ,

Go to Assets > theme.css and paste this at the bottom of the file:

.template-page,
.template-collection {
      background-color: #000 !important;
}
.template-page .main-content,
.template-collection .main-content{
      color: #fff !important;
}

Hope it helps!