Thrive Themes not only makes themes but also some powerful plugins too such as Thrive Architect, Thrive Leads etc. But as of this moment, they are only selling plugins. Their Themes are only available to Thrive members.
Pressive is one of their themes. Unlike the plugins from Thrive Themes, their themes are quite outdated in my opinion. They mentioned about releasing a theme builder in June 2018, but still after one year there are no signs of it yet.
The Pressive theme like their other themes such as Rise, Ignition etc. does not have that much customization option. So when I work on my clients website who use Thrive Themes, I use quite a lot of code snippets to make adjustments. Such as changing colors, margins, padding etc.
So in this blog post, I am going to share with you some CSS code snippets which I have used to customize the Pressive theme from Thrive Themes. I have customized this website Chiro City.
I am providing the CSS codes below. If you have some idea about CSS then I hope you will be able to make sense out of it, and use it properly. Just copy and paste the code and the custom CSS field, and then change the values according to your needs.
Adjusting the padding around the logo
header.side #logo, header.side #text-logo {
padding-bottom: 5px;
padding-top: 10px;
}
Adjusting the header top and bottom padding, and margin
/*header top padding adjustment*/
header.side {
padding-top: 15px;
}
#floating_menu header {
padding: 15px 0 0px;
}
/*header adjustment*/
header .h-i {
margin-bottom: 0px;}
Header Color Adjustments
/*Header Search icon color adjustment*/
.d-i .s-b .s-bb, .c-o .s-b .s-bb, .d-o .s-b .s-bb, .b-i .s-b .s-bb, .c-t .s-b .s-bb {
color: #084CF9;
}
/*homepage header color adjustment*/
#floating_menu header {
background: #fff;
}
/*header part blue gradient*/
.b-tt.b-tl {
color: #fff;
background: linear-gradient(90deg, rgba(6,76,249,1) 0%, rgba(8,166,244,1) 100%);
}
Header Menu Items adjustments
/*Active Menu Item line color*/
header nav>ul.menu>li.current-menu-item>a:after, header nav>ul.menu>li.current_page_item>a:after, header nav>ul.menu>li.current-page-item>a:after, header nav>ul#menu>li.current-menu-item>a:after, header nav>ul#menu>li.current_page_item>a:after, header nav>ul#menu>li.current-page-item>a:after
{
background: #064CF9;
}
/*Second line color of active menu item*/
header nav>ul.menu>li.current-menu-item>a:before, header nav>ul.menu>li.current_page_item>a:before, header nav>ul.menu>li.current-page-item>a:before, header nav>ul#menu>li.current-menu-item>a:before, header nav>ul#menu>li.current_page_item>a:before, header nav>ul#menu>li.current-page-item>a:before
{
background: #064CF9;
}
/*header menu font-family*/
.t-c header nav>ul>li>a, .c-c header nav>ul>li>a
{
color: #333;
font-family: montserrat;
}
/*active menu item left line removal*/
header nav>ul.menu>li.current-menu-item>a:hover:before, header nav>ul.menu>li.current_page_item>a:hover:before, header nav>ul.menu>li.current-page-item>a:hover:before, header nav>ul#menu>li.current-menu-item>a:hover:before, header nav>ul#menu>li.current_page_item>a:hover:before, header nav>ul#menu>li.current-page-item>a:hover:before
{
display:none;
}
/*active menu item right line removal*/
header nav>ul.menu>li.current-menu-item>a:hover:after, header nav>ul.menu>li.current_page_item>a:hover:after, header nav>ul.menu>li.current-page-item>a:hover:after, header nav>ul#menu>li.current-menu-item>a:hover:after, header nav>ul#menu>li.current_page_item>a:hover:after, header nav>ul#menu>li.current-page-item>a:hover:after
{
display:none;
}
/*menu item hover color*/
header nav > ul.menu > li > a:hover {
color: #064CF9!important;
}
Header Search icon color adjustment or complete removal
/*Header Search icon color adjustment*/
.d-i .s-b .s-bb, .c-o .s-b .s-bb, .d-o .s-b .s-bb, .b-i .s-b .s-bb, .c-t .s-b .s-bb
{
color: #084CF9;
}
/*removing search icon*/
.s-b .s-bb {
display: none;
}
Blog Page adjustments
/*blog page title hover color*/
.cnt article h2.entry-title a:hover
{
color: #064CF9;
}
/*continue reading hover color*/
.bSe a, .cnt article a:hover
{
color: #064CF9;
}
/*Blog image hover color*/
.ind .fwit:hover:after, .gin .fwit:hover:after, .mry .fwit:hover:after
{
background: #08A6F4;
opacity: .8;
}
Changing Menu Icon color in mobile view
/*Mobile Menu Toggle Icon Color*/
@media only screen and (max-width: 774px){
header .hsm span:after {
background: #064CF9;
}
}
Recommended WordPress Resource | Benefits of using it |
---|---|
Bluehost | Bluehost is the best WordPress hosting in the market right now. Not only it provides superior performance but also easy to get started for a newbie with a fair price. They provide effective Managed WordPress hosting which will allow you to install WordPress in seconds, and easily log in to your WordPress from your Bluehost account. Regular full website backups depending on the package you use, 24/7 support. |
The WordPress Security Handbook: Protecting Your Site from Attacks | The WordPress Security Handbook is a comprehensive guide that covers all aspects of securing a WordPress site. With 30 chapters, it covers everything from an introduction to WordPress security, to understand the different threats that can affect your site, to implementing best practices for managing user accounts and passwords. |
Elementor Pro | The most powerful, easiest to use, and lightweight WordPress page builder in the market. Currently, it is the number 1 WordPress page builder. Used in theme demos in the ThemeForest themes. |
Element Pack | This is a useful Elementor addon plugin that adds around 60 addon elements to your Elementor page builder. Useful elements such as the Instagram gallery, table, document viewer, iframe, and much more. |
WP Engine | Reliable WordPress hosting. Super fast, regular automatic backups, built-in CDN for faster content delivery, top-notch security, and more! |
Jupiter Multipurpose WordPress theme for Elementor | Import among many 450 ready-made websites made with Elementor and customize them according to your needs. Advanced WooCommerce checkout options optimized for better conversions. |
WP Rocket | A magical WordPress plugin that will reduce the load time of your website to less than a second. It is an all-in-one speed optimization tool. It will also improve your Google Page Insights score. As the pages load quicker your website bounce rate will decrease, and average pages on time will increase. Eventually, you will get more traffic. |
Slider Revolution | The most powerful and advanced WordPress slider plugin ever. Over 200+ ready eye candy slider templates to wow your website visitors. Advanced animations, parallax effects, and interactive features. |
Duplicator Pro | This plugin will save you from disaster. It keeps regular backups of your WordPress sites. In case you break your site you can easily recover it. Using this plugin you can also easily migrate your WordPress sites. It can also keep cloud backups such as Dropbox, Google Drive, One Drive, etc. |
Themeforest | Buy any type of beautiful WordPress theme from here such as blogging, WooCommerce, Real Estate, etc. Ability to import any demo site. Chose any type of page builder such as Elementor, WP Bakery, Muffin builder, etc. |
Envira Gallery | Best WordPress image and video gallery plugin. Easy to use with powerful and advanced features. If your WordPress page builder does not have a good enough gallery element then check this one out! – Completely responsive on mobile – Social Media Integration – Slideshow & Fullscreen – Drag & Drop Builder |
Ithemes Security Pro | It is a powerful WordPress security plugin. It will protect your website from bots trying to hack into your site through a brute force attack. It can also scan your website and remove malware. |
Getty Images | Get premium stock images from here. Using high-quality and premium stock images on your site will make your site look professional. Visitors will be impressed and quickly turn into paying customers. |
WP Forms | One of the most popular WordPress form plugins ever. Easily build advanced contact, payment, donation, survey, and newsletter forms with zero coding. Embed your forms on posts/pages using a shortcode. Built-in Recaptcha to prevent spam. The information of people submitting the form will be stored as leads directly on the website. |
Namecheap | Buy any type of domain name at a very low price. The renewal rates are also reasonable. I use namecheap domain names on all of my websites. |
Professional Thrive Themes & Thrive Architect Services
- Desiging Websites & Landing pages with Thrive Themes & Thrive Architect
- Making custom header, footer, blog page and blog post template using Thrive Theme builder
- Customizing Thrive themes such as Ignition, Pressive, Rise etc.
- Making & setting up popups with Thrive Leads
- Making existing Thrive Architect landing pages mobile responsive