Skip to content

Instantly share code, notes, and snippets.

@wpacademy
Created Oct 15, 2022
Embed
What would you like to do?
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;
}
.wpac-saas-website .elementor-tabs-wrapper {
display: block !important;
text-align: center;
width: 240px !important;
margin: 0 auto;
padding: 10px;
background: #F6F5FF;
border-radius: 50px;
margin-bottom: 20px;
}
.wpac-saas-website .elementor-tab-desktop-title {
display: inline-block !important;
padding: 10px 20px !important;
}
.wpac-saas-website .elementor-tab-desktop-title.elementor-active {
background-color: transparent;
background-image: linear-gradient(90deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-primary ) 100%);
border-radius: 50px;
}
.wpac-saas-header.elementor-sticky--effects {
background-color: #0D03C3 !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment