How to Replace Dark Mode Image with Dusky Dark Mode? | CodeConfig

How to Replace Dark Mode Image with Dusky Dark Mode?

Image replacement means replacing or changing the image in dark Mode. So, using the Dusky Dark Mode WordPress plugin, using can add different images in Dark Mode.

Process for Replacing Images in Dusky Dark Mode

  1. Access the Dusky Dark Mode Settings:
    • Go to the WordPress dashboard.
    • Click on the Dusky Dark Mode plugin settings to open the settings panel.
  2. Navigate to the Image Settings Tab:
    • In the Dusky settings panel, look for the “Image Settings“.
    • Click on it to access the image replacement options.
  3. Add a New Image Group:
    • Look for an option such as “Add New Group.”
    • Click on it to create a new group for image replacements. This will allow you to manage images for both light and dark modes.
  4. Select Light Mode Image:
    • In the new image group, locate the option to select the light mode image.
    • Choose the image currently used in the light mode of your website.
  5. Choose Dark Mode Replacement:
    • Find the option to select or upload a replacement image for dark mode.
    • Upload or select an image that is optimized for viewing in dark mode.
  6. Save and Apply Changes:
    • Once you have selected both the light mode and dark mode images, save your changes.
    • Dusky Dark Mode will automatically apply these settings.
  7. Test the Result:
    • Preview your website in both light and dark modes to ensure the image replacement works as expected.
    • Toggle between modes to see the changes in action.