arilazam
Passion Over Profits Creative Designer • UI/UX Designer • Web Developer Rekamy Design
Kuala Lumpur, Malaysia
Pinned Repositories
11-Hover-Effects-for-Divi-Button-Module
CSS code snippets for applying nice hover effects to Divi Button module.
all-in-one-wp-migration
WordPress.org Plugin Mirror
Animated-Border-Effect-for-Divi-Button-Module
Animated-Grid-Background-Effect-for-Divi-Fullwidth-Header-Module
Apply-Layered-Hover-Effect-To-Divi-Person-Module
I will show how to implement a nice layered hover effect for Divi Person Module. To implement this effect we’ll assign the layered-effect CSS class to the Person Module and use the CSS snippet provided below. No any special settings need to be applied in the Person Module Settings, all you need is to make sure you don’t add too much text to the module, otherwise it will be cut because we will apply the overflow: hidden rule to the module container (the content should not occupy more space than the image). If your text is too long and you cannot shorten it, try to experiment with font size and line height until you achieve your desired result. Step 1: Add the *layered-effect* CSS class to Person Module Settings -> Advanced -> CSS Class field. Step 2: We will use the Person module container and its description container :before and :after pseudo elements as “layers”. You can change their background colors on the highlighted lines of the code below. Person Module Layered Hover Effect.css Copy the CSS snippet above and add it into the Divi -> Theme Options -> General -> Custom CSS field. Alternatively, you can add this code into your child theme style.css file. Save everything and enjoy the effect.
awesome-cheatsheets
👩💻👨💻 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.
awesome-design
🌟Curated design resources
awesome-design-patterns
A curated list of software and architecture related design patterns.
awesome-vscode
🎨 A curated list of delightful VS Code packages and resources.
Bondy
Bondy Free Multi Purpose One Page Bootstrap Template
arilazam's Repositories
arilazam/11-Hover-Effects-for-Divi-Button-Module
CSS code snippets for applying nice hover effects to Divi Button module.
arilazam/all-in-one-wp-migration
WordPress.org Plugin Mirror
arilazam/Animated-Border-Effect-for-Divi-Button-Module
arilazam/Animated-Grid-Background-Effect-for-Divi-Fullwidth-Header-Module
arilazam/awesome-cheatsheets
👩💻👨💻 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.
arilazam/awesome-design
🌟Curated design resources
arilazam/awesome-design-patterns
A curated list of software and architecture related design patterns.
arilazam/awesome-vscode
🎨 A curated list of delightful VS Code packages and resources.
arilazam/bootstrap-better-nav
Replaces the default Bootstrap navbar collapse with an elegant off-screen menu.
arilazam/coasterframework
Main code repository for Coaster CMS (coastercms.org), a full featured Laravel based, Content Management System
arilazam/Content-Push-Effect-For-Divi-Fullscreen-Menu
arilazam/developer-roadmap
Roadmap to becoming a web developer in 2020
arilazam/Divi-Centered-Inline-Logo-header-bars-on-mobile
arilazam/Enable-Search-on-Mobile-for-Divi-Centered-and-Centered-Inline-Logo-Headers
arilazam/firevel
100% serverless Laravel Framework
arilazam/frontend-dev-bookmarks
Manually curated collection of resources for frontend web developers.
arilazam/gatsby-starter-wordpress
A GatsbyJS starter template that leverages the WordPress API, ACF and more
arilazam/gitignore
A collection of useful .gitignore templates
arilazam/infrastructure-as-code-tutorial
Infrastructure As Code Tutorial. Covers Packer, Terraform, Ansible, Vagrant, Docker, Docker Compose, Kubernetes
arilazam/laravel-migrations-generator
Laravel Migrations Generator: Automatically generate your migrations from an existing database schema.
arilazam/Laravel-Roadmap-Learning-Path
arilazam/Liquid-Hover-Effect-for-Divi-Button-Module
arilazam/LMS
a web application for Learning and Student Management Integration ✅
arilazam/Particle-Trails-Background-Effect-for-Divi-Fullwidth-Header-Module
arilazam/Rekamy-Theme
Rekamy Theme: WordPress Theme Boilerplate
arilazam/StartupEngine
A beautiful, open-source, & free CMS for startups.
arilazam/vue-design-system
An open source tool for building UI Design Systems with Vue.js
arilazam/Woo-Divi
arilazam/wp-webpack-script
💥🔥📦👩💻 An easy to use, pre configured, hackable webpack setup & development server for WordPress themes and plugins.
arilazam/wp-woocommerce-stock-synchronization
The WooCommerce Stock Synchronization Plugin allows you to synchronize the stock values of the same products across multiple WooCommerce websites.