SmileyXCI Posted March 25, 2021 Share Posted March 25, 2021 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; }} Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.