Skip to content

Instantly share code, notes, and snippets.

View wpacademy's full-sized avatar

Mian Shahzad Raza wpacademy

View GitHub Profile
@wpacademy
wpacademy / style.css
Created February 12, 2021 09:44
CSS code for GYM website design tutorial by wpacademy.pk
/*****************************
* CSS Code by WP Academy for
* GYM Website Design Tutorial
* Make sure to use same class names in sections or widgets of elementor.
****************************/
.gymz-header {
transition: 0.5s all;
}
.gymz-header.elementor-sticky--effects {
background: rgba(0,0,0,0.9)
@wpacademy
wpacademy / style.css
Created November 23, 2020 21:27
Black Friday Template Design Tutorial CSS
/**
* CSS Code for Black Friday Template Pack
* Author: WP Academy
* URL: https://wpacademy.pk
**/
.wpac-bf-header {
transition: 0.5s all;
}
.wpac-bf-header.elementor-sticky--effects {
background-color: #ffffff;
@wpacademy
wpacademy / styles.css
Created November 11, 2020 19:52
PSD to WP website design tutorial CSS.
/**
* Custom CSS code for PSD to WordPress Tutorial by WP Academy
* Author Name: WP Academy
* Author URL: https://wpacademy.pk
**/
.wpac-service-box {
transition: 0.5s all;
}
.wpac-service-box:hover {
transform: scale(1.05);
@wpacademy
wpacademy / custom.css
Created October 30, 2020 23:36
Custom CSS code for Job Portal in WordPress Tutorial by WP Academy
/**
* Custom CSS code for Job Portal in WordPress Tutorial by WP Academy
* Author Name: WP Academy
* Author URL: https://wpacademy.pk
**/
.home-job-cats ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
/*
* CSS code for WordPress Login, Signup Page Design Tutorial.
* Author: WP Academy
& Tutorial Link:
*/
.wpac-custom-login-form #um-submit-btn , .wpac-custom-signup-form #um-submit-btn {
background: #242A56 !important;
margin-top: 15px;
border-radius: 0px !important;
}
/***********************************************
* Custom CSS for Fast Food/Restaurant Template
* By WP Academy.PK - Paste this code in
* Appearance > Customize > Additional CSS
**********************************************/
.wpac-lottie-anim-1 .e-lottie__container, .wpac-lottie-anim-1 .e-lottie__animation{
height: 150px !important;
}
.wpac-dual-color-heading span {
color: #FF6E00;
===============================================================
++++++++++++ List of Graphics/Assets used in the +++++++++++++
+ Restaurant Template https://wpactuts.com/websites/fast-food +
===============================================================
🎨 Banners & Images
https://www.pexels.com/photo/tomato-burger-and-fried-fries-1600727/
https://pixabay.com/photos/food-steak-meat-soup-beef-bbq-3676796/
https://www.pexels.com/photo/selective-focus-photography-of-pile-of-burgers-3566357/
https://pixabay.com/photos/burger-food-delicious-meat-tomato-5224497/
@wpacademy
wpacademy / learnpress-courses-grid.css
Last active October 15, 2022 15:08
LearnPress Courses widget grid for elementor.
/**********************************
* LearnPress Courses Grid
* By WP Academy.PK
**********************************/
.wpac-learnpress-grid .widget-body {
text-align: center;
display: flex;
}
.wpac-learnpress-grid .widget-body .course-entry {
text-align: center;
@wpacademy
wpacademy / assets-list.txt
Created May 21, 2020 18:16
List of Assets & Graphics used in Gaming Template for Elementor
========================================================
+++++++++ List of Graphics/Assets used in the ++++++++++
+ Gaming Template https://wpactuts.com/websites/gaming +
========================================================
🎨 Slider / Main Backgrounds
1: https://pixabay.com/photos/forest-hirsch-sunbeam-wild-dark-4094246/
2: https://pixabay.com/illustrations/space-station-universe-travel-2114660/
3: https://pixabay.com/illustrations/tunnel-light-perspective-neon-3d-4701031/
4: https://www.pexels.com/photo/photo-of-dried-lava-983200/
@wpacademy
wpacademy / custom.css
Created May 21, 2020 18:03
Elementor Custom Animations for Gaming Template
@keyframes bgcolor {
from {background-color: rgba(0,0,0,0);}
to {background-color: rgba(0,0,0,0.8);}
}
.wpac-custom-header.elementor-sticky--effects {
animation-name: bgcolor;
animation-duration: 1s;
animation-fill-mode: forwards;
}