Jump to content

Need help resolving Dark theme issue

Recommended Posts

Site URL: https://www.wyrddesignz.com/

Hi I am trying to switch my website from the original light theme to a dark one for the look. I am currently using CSS coding to do the necessary changes. But unfournately the code has also blacked out all the image that were originally on my page. So I need someone to help me edit the code so it will continue doing everything that it is doing , except for the hiding of all my images: Code is as follows and images are attached

 

@media (prefers-color-scheme: dark) {.Mobile-bar, .Intro, .Header, .Main, .Footer, .Index-page, .image-card-wrapper, .newsletter-form-wrapper, .Index-gallery, .Mobile-overlay, .Mobile-overlay-menu, .Mobile-overlay-close, .Intro-content {
    background-color:black!important; 
    color:white;
    fill:white!important;
    stroke:white!important;
}
    
h1, h2, h3, p, a, .hr, .ProductItem-nav-breadcrumb-link, .ProductItem-nav, .quantity-label, .Blog-meta, .BlogItem-pagination-link-label, .BlogItem-pagination-link-title, .BlogItem-pagination-link-meta, .BlogItem-pagination-link-icon, .squarespace-social-buttons.inline-style, .Mobile-bar--top, .Header-search, .Header-search-form-input, .newsletter-form-button, .sqs-money-native, .ProductItem-nav-pagination-link-title, .ProductItem-nav-pagination-link-direction, .sqs-cart-quantity, .Mobile-bar-menu {
    color:white!important;
    fill:white!important;
    stroke:white!important;
    border-color:white!important;
}

.newsletter-form-button{  
  box-shadow: inset 0px 0px 0px 1px white!important;
}

.sqs-add-to-cart-button, .sqs-block-button-element, .sqs-editable-button {
  border-color:white!important;
  color:white!important;
}}

 

Screen Shot 2021-03-25 at 5.03.15 PM.png

Screen Shot 2021-03-25 at 5.02.09 PM.png

Link to comment
  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.