Return to previous page

I want to make my website in total dark mode

This topic has 5 replies, 2 voices, and was last updated 4 weeks, 1 days ago ago by Luca Rossi

LVRB

Participant

February 5, 2025 at 21:37

Hello.

I am testing dark mode on my test site before doing it on the main site, but there are elements of the theme that I cannot modify the color.

Is it possible to create a button that allows switching between dark mode and light mode for the client?

I also have a problem with the top header that is seen above the menu, cart, wishlist, my account, etc. pop-up windows. being sticky.

In the private area I leave the access codes and screenshots of what I could not modify.

Please, contact administrator
for this information.

#433459 Copied Theme version: 9.4.7

4 Answers

LVRB

Participant

February 7, 2025 at 02:26

Hello.

Can you answer me please?

#433605 Copied
Luca Rossi

Support staff

February 7, 2025 at 06:06
Hi @LVRB,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

/* Variation Out Of Stock Background Color */ .st-swatch-disabled-line-thought .st-swatch-preview li.sten-li-disabled span:before, .st-swatch-disabled-line-thought.st-swatch-preview li.sten-li-disabled span:before { background: linear-gradient(to top left,rgba(0,0,0,0) 0,rgba(0,0,0,0) calc(50% - .8px),rgba(175,175,175,1) 50%,rgba(0,0,0,0) calc(50% + .8px),rgba(0,0,0,0) 100%) } .st-swatch-preview li.sten-li-disabled span:after { background: rgba(0,0,0,.5); } /* SALE PRICE */ span.price del { color: #fff !important; } span.price ins bdi { color: red !important; } /* OUT OF STOCK TEXT COLOR */ p.stock.out-of-stock { color: #c62828; } /* SIZE CHART ICON COLOR *? .single-product-size-guide svg path { fill: #fff; }

Kind regards,
The 8Theme Team
#433617 Copied
LVRB

Participant

February 8, 2025 at 18:00

Hello! thank you so much.

Can you send me a code so that the pop-up windows remain above the top header? Attached capture

Please contact administrator
for this information.

#433765 Copied
Luca Rossi

Support staff

February 10, 2025 at 07:09
Hi @LVRB,

Can you please also add this custom CSS code?

.header-top-wrapper { z-index: 1; position: relative; } .header-main { z-index: 99; }

Let us know how it goes!
#433884 Copied
Viewing 5 results - 1 through 5 (of 5 total)