Skip to content

Instantly share code, notes, and snippets.

@wpacademy
Created October 15, 2022 20:19
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