Skip to content

Instantly share code, notes, and snippets.

@wpacademy
Created October 15, 2022 20:19
Show Gist options
  • Save wpacademy/58d0766596ab6cc2fc20c01d2c3e8b0d to your computer and use it in GitHub Desktop.
Save wpacademy/58d0766596ab6cc2fc20c01d2c3e8b0d to your computer and use it in GitHub Desktop.
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