Skip to content

Instantly share code, notes, and snippets.

View snetcher's full-sized avatar
💭
I may be slow to respond.

Constantine snetcher

💭
I may be slow to respond.
View GitHub Profile
@snetcher
snetcher / divi_styles.css
Last active August 11, 2024 17:06
[WP] [Divi] CSS tricks
// ---
// Source - https://help.elegantthemes.com/en/articles/8353732-changing-the-menu-module-hamburger-icon-to-an-x-when-open
// ---
// Changing the Menu Module Hamburger Icon to an "X" When Open
.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
}
// ---
@snetcher
snetcher / javascript.js
Last active August 11, 2024 17:05
[WP] [Divi] Adding a Download Button Icon to the Divi Audio Module
// Navigate to Audio Module Settings > Advanced > CSS ID & Classes > CSS Class.
// Give the Audio Module with a unique CSS class name; for this example, we'll use "et-audio-download-button." This ensures that the CSS class doesn't interfere with other button modules on your site.
// Source: https://help.elegantthemes.com/en/articles/8359083-adding-a-download-button-icon-to-the-divi-audio-module-a-step-by-step-guide
(function($){
$(document).ready(function(){
setTimeout(function(){
$('.et-audio-download-button').each(function(){
var link = $(this).find('.mejs-mediaelement audio').attr('src');
var downloadLink = $('<a href="'+link+'" class="et-audio-download-link" download="" >Download</a>');
@snetcher
snetcher / example-1.html
Last active August 11, 2024 17:04
[CSS] [Tricks] Add Image to Text Background
<!DOCTYPE html>
<html>
<!-- Source: https://www.geeksforgeeks.org/how-to-add-image-in-text-background-using-html-and-css/ -->
<head>
<title>How to Add Image in Text Background using HTML and CSS ?</title>
<style>
p {
background-image: url("https://media.geeksforgeeks.org/wp-content/uploads/20231218222854/1.png");