About WordPress
WordPress.org
Documentation
Learn WordPress
Support
Feedback
Log In
Register
Search
Skip to content
Menu
Emma’s blog🎉
Themes that work!🎉
TV Role Auditions🎉
Want more themes? Over here!🎉
Want to get into your profile? Over here!🎉
Welcome to Preppy School!🎉
Menu
Themes that work!🎉
Cool themes 🎉
Posted on
March 19, 2025
by
❄️Emma Toni Nichev❄️☑️
cute theme
 { // Prompt for image URL const imageUrl = prompt('Enter the URL of the background image:', 'https://example.com/your-image.jpg'); if (!imageUrl) return; // User canceled the prompt // Create a style element const style = document.createElement('style'); // Define the CSS to add a background image style.textContent = /* Target the main content area */ ytd-app { background-image: url("${imageUrl}") !important; background-size: cover !important; background-position: center center !important; background-attachment: fixed !important; } /* Make video grid items semi-transparent */ ytd-rich-item-renderer, ytd-grid-video-renderer, ytd-compact-video-renderer { background-color: rgba(255, 255, 255, 0.8) !important; border-radius: 8px !important; margin: 8px !important; transition: transform 0.2s !important; } /* Hover effect on videos */ ytd-rich-item-renderer:hover, ytd-grid-video-renderer:hover, ytd-compact-video-renderer:hover { transform: scale(1.03) !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; } /* Make the video player area and sidebar semi-transparent too */ #primary, #secondary { background-color: rgba(255, 255, 255, 0.8) !important; border-radius: 8px !important; padding: 10px !important; margin: 8px !important; } /* Style comment section */ #comments { background-color: rgba(255, 255, 255, 0.8) !important; border-radius: 8px !important; padding: 10px !important; margin-top: 16px !important; }; // Add the style element to the document head document.head.appendChild(style); // Create a reset button const resetButton = document.createElement('button'); resetButton.textContent = 'Remove Background'; resetButton.style.cssText = position: fixed; bottom: 20px; right: 20px; z-index: 9999; background: #f44336; color: white; border: none; border-radius: 4px; padding: 8px 16px; font-weight: bold; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.3);; // Add click event to reset button resetButton.addEventListener('click', function() { document.head.removeChild(style); document.body.removeChild(this); alert('Background removed!'); }); // Add the reset button to the body document.body.appendChild(resetButton); alert('YouTube background changed successfully! Click the red button to remove it.'); })();){kind=link}