CSS Archives - Krasen Slavov https://krasenslavov.com/tag/css/ WordPress Plugins, Themes and Writings Thu, 04 Dec 2025 02:51:41 +0000 en-US hourly 1 https://storage.googleapis.com/krasenslavov/2022/02/c96f34cb-cropped-krasenslavov-logo-v2-150x150.png CSS Archives - Krasen Slavov https://krasenslavov.com/tag/css/ 32 32 Video Player with Custom Controls: Adding a Play Button Overlay https://krasenslavov.com/video-player-with-custom-controls-adding-a-play-button-overlay/ https://krasenslavov.com/video-player-with-custom-controls-adding-a-play-button-overlay/#respond Mon, 19 Feb 2024 11:16:22 +0000 https://krasenslavov.com/?p=1681 Are you looking to add an extra touch of interactivity to your web videos? Want to make your video player more engaging and intuitive for your audience? One effective way to achieve this is by incorporating a custom play button overlay. In this blog post,…

The post Video Player with Custom Controls: Adding a Play Button Overlay appeared first on Krasen Slavov.

]]> https://krasenslavov.com/video-player-with-custom-controls-adding-a-play-button-overlay/feed/ 0 Implementing a Light/Dark Theme Toggle with GeneratePress https://krasenslavov.com/implementing-a-light-dark-theme-toggle-with-generatepress/ https://krasenslavov.com/implementing-a-light-dark-theme-toggle-with-generatepress/#respond Sun, 17 Dec 2023 16:40:42 +0000 https://krasenslavov.com/?p=1370 Introduction In this tutorial, we’ll walk through the steps to add a light/dark theme toggle to your website using the GeneratePress theme. This feature enhances user experience by allowing visitors to switch between themes according to their preferences. Prerequisites Step 1: Understanding the Code First,…

The post Implementing a Light/Dark Theme Toggle with GeneratePress appeared first on Krasen Slavov.

]]> https://krasenslavov.com/implementing-a-light-dark-theme-toggle-with-generatepress/feed/ 0 User Experience with CSS and SVG Background Placeholder https://krasenslavov.com/user-experience-with-css-and-svg-background-placeholder/ https://krasenslavov.com/user-experience-with-css-and-svg-background-placeholder/#respond Tue, 09 May 2023 07:33:24 +0000 https://krasenslavov.com/?p=973 Creating an engaging and intuitive user interface is crucial for any website. A significant part of this involves ensuring that form inputs are not only functional but also visually appealing. Today, I’m excited to share a simple yet innovative CSS trick that uses an SVG…

The post User Experience with CSS and SVG Background Placeholder appeared first on Krasen Slavov.

]]> https://krasenslavov.com/user-experience-with-css-and-svg-background-placeholder/feed/ 0