Skip to content

Instantly share code, notes, and snippets.

View wpacademy's full-sized avatar

Mian Shahzad Raza wpacademy

View GitHub Profile
/*
* 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;
}
@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
* -------------------------------------------------------------------------
*/
@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 / 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 / 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 {
/*****************************
* 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 / style.css
Created October 15, 2022 20:19
CSS code for the SaaS website design tutorial by WP Academy
/***********************************
* 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 / 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 / style.css
Created April 29, 2023 03:24
Elementor Dynamic Reviews Tutorial CSS
selector .elementor-swiper-button-prev {
top: -10px;
right: 60px;
left: auto;
}
selector .elementor-swiper-button-next {
top: -10px;
right:0px;
left: auto;
}
.wpac-custom-form ul.tml-links {
display: none;
}
.wpac-custom-login .elementor-section-wrap {
text-align: center;
}
.wpac-custom-form .tml .tml-field {
border: none;
border-bottom: 3px solid #dddddd;
background: transparent;