Skip to content

Instantly share code, notes, and snippets.

Avatar

Mian Shahzad Raza wpacademy

View GitHub Profile
@wpacademy
wpacademy / style.css
Created October 15, 2022 20:19
CSS code for the SaaS website design tutorial by WP Academy
View style.css
/***********************************
* For: SaaS Website Design Tutorial
* By: WPAcademy.PK
* Info: Please use appropirate class names into the sections or widget.
You can change the names, just make sure you are uaing correct class name
in the section or widget after changing the names.
**********************************/
.elementor-text-editor p {
margin-bottom: 0 !important;
}
@wpacademy
wpacademy / order-tracking.php
Created September 22, 2022 04:26
Order Tracking Page Code for Advanced eCommerce website tutorial by WP Academy
View order-tracking.php
function wpac_add_query_vars_filter( $vars ){
$vars[] = "order_id";
return $vars;
}
add_filter( 'query_vars', 'wpac_add_query_vars_filter' );
function wpac_order_status() {
if(is_page(1141)){
$id = get_query_var('order_id');
$id = intval($id);
@wpacademy
wpacademy / javascript.js
Created August 16, 2022 22:49
JavaScript code for advanced ecommerce website tutorial by WP Academy.
View javascript.js
/*
* Description: JavaScript code for advanced ecommerce website tutorial by WP Academy.
* Author: WP Academy
* Author URL: https://wpacademy.pk
* Usage Info:
Use appropirate jQuery code inside an HTML widget (Elementor) in appropirate sections/templates.
Don't forget to wrap your code inside '<script>YOUR CODE</script>' tags.
*/
// Desktop Header Mega Menu Toggle.
@wpacademy
wpacademy / styles.css
Created August 16, 2022 22:48
CSS code for advanced ecommerce website tutorial by WP Academy
View styles.css
/******************************
* Description: CSS code for advanced ecommerce website tutorial by WP Academy.
* Author: WP Academy
* Author URL: https://wpacademy.pk
* Usage Info:
Please use apporopirate class names in sections or widgets as explained in the video tutorail.
Don't forget to replace color variable names such as '--e-global-color-primary' with your own colors
or global color names.
******************************/
@wpacademy
wpacademy / assets.txt
Created August 12, 2021 05:40
Assets, Colors & Font details used in the Portfolio website design tutorial
View assets.txt
Icons:
- https://www.iconfinder.com/iconsets/logos-and-brands
- https://www.iconfinder.com/icons/4026421/device_electronic_launch_machine_rocket_technology_icon
Photos:
- https://www.freepik.com/premium-photo/full-length-smiling-bearded-business-man-black-suit-with-hands-pockets_16461218.htm
- https://www.freepik.com/premium-photo/full-length-handsome-bearded-business-man-black-suit-holding-laptop_16461286.htm
- https://www.freepik.com/premium-photo/full-length-smiling-bearded-business-man-suit-moves-with-tablet-computer_16461261.htm
- https://www.freepik.com/free-photo/confident-young-businessman-suit-standing-with-arms-folded_8080750.htm
- https://www.pexels.com/photo/man-in-black-leather-jacket-3748221/
@wpacademy
wpacademy / style.css
Last active June 24, 2021 22:23
CSS code for Pizza Shop Tutorial on WP Academy
View style.css
/**
* Custom CSS code for pizza shop tutorial
* Author: Mian Shahzad Raza
* Author URI: https://wphero.pro
**/
.wapf-field-row {
margin-bottom: 10px;
}
.wapf-field-label {
font-size: 22px;
@wpacademy
wpacademy / style.css
Created February 12, 2021 09:44
CSS code for GYM website design tutorial by wpacademy.pk
View style.css
/*****************************
* 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
View style.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.
View styles.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);