Skip to content

Instantly share code, notes, and snippets.

View wpacademy's full-sized avatar

Mian Shahzad Raza wpacademy

View GitHub Profile
/*****************************
* Author: Mian Shahzad Raza
* Organization: WPAcademy.PK
* Description: Custom Styling for Resume Elementor Template by WP Academy
*****************************/
.wpac-custom-nav .elementor-icon-list-item a {
padding: 15px 10px;
}
.wpac-custom-nav .elementor-icon-list-item a:hover, .wpac-custom-nav .elementor-icon-list-item a.active{
background: #000;
@wpacademy
wpacademy / css.txt
Created August 3, 2023 07:43
CSS code for login & signup page design tutorial on WPAcademy
/**
* CSS styles for Ultimate Member plugin used in the Login/Signup page design tutorial.
*/
.wpac-login-form .um-form {
text-align: center;
}
.wpac-login-form .um-login {
margin-bottom: 0 !important;
}
.wpac-login-form .um-misc-with-img {
@wpacademy
wpacademy / styles.css
Created August 16, 2022 22:48
CSS code for advanced ecommerce website tutorial by WP Academy
/******************************
* 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 / style.css
Created May 25, 2023 01:47
CSS code used in the Modern Carousel Design Tutorial on WP Academy YouTube channel.
/*
* Loop Item
*/
.member-info {
visibility: hidden;
}
selector {
transition: .6s all;
}
selector:hover .member-info {
@wpacademy
wpacademy / elementor-tab-icons.css
Created April 8, 2020 22:15
Add icons to default elementor tabs widget
/*-------------------------------------------------------------------------
* Elementor default tab widget does not have an option to use icons for tabs at the moment.
* But it will be too much to install a 3rd party addon just for a tabs widget to have icons in tabs.\
* We can add icons to default widget with just a little bit of CSS code.
* Copy below CSS code and add it your theme's stylesheet file or you can add it through Appearance > Customize > Additional CSS
* -------------------------------------------------------------------------
* Always use a custom class on any widget that you are going to customize
* We are using ".wpac-tab-icons" class on tabs widget
* -------------------------------------------------------------------------
*/
/*
* 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;
}