Luxe Theme is another good theme from Thrive. Here are some of the CSS codes that you can use to customize the look of your site using Luxe Theme. I will keep updating this post every time I will receive CSS-related questions.
Please note that these codes are using placeholder values. For instance, you can change the hex colors and the sizes. Also, if the code doesn't work, try adding !important before the semi-colon.
Where to put these CSS codes? For overall theme changes, just go to your Thrive Dashboard -- Theme Options -- Style & Layout Settings -- Custom CSS. Any codes you put here won't affect the landing pages because they are standalone. So for landing pages, just click the Settings (gear icon) on the top-left side of your Thrive Architect panel, then Custom CSS.
footer .copy {
background: #232323;
}
footer .fmn {
background: #efefef;
}
footer .copy p {
color: #efcdff;
font-size: 15px;
}
footer .fmn ul li a {
color: #f59715;
font-family: Oxygen;
font-size: 15px;
}
footer .fmn ul li a:hover {
color: #efefef;
}
footer .ftw {
background: #fd5f60;
}
header nav>ul.menu>li.current-menu-item>a {
color: #ff8a00;
}
header .h-i {
height: 120px;
}
header nav ul li a {
font-family: 'Montserrat';
color: #6e252c;
font-weight: 600;
font-size: 20px;
}
@media only screen and (max-width: 940px) {
header.side #logo img {
max-width: 220px !important;
}
}
header .side_logo #nav_right {
vertical-align: middle;
}
header .hmn .rmn {
color: #547b07;
}
.cnt .sAs .awr {
background: #efefef;
}
.cnt .sAs {
width: 25%;
}
.cnt .bSe.left {
width: 70%;
}
.cnt .entry-title a {
color: #fd5e60;
font-size: 20px;
font-family: 'montserrat';
}
.cnt .entry-title a:hover {
color: #6e6e6e;
}
I am a freelance web designer, web developer and SEO specialist - one of the “Top Rated” web designers on Upwork. Living a digital nomad lifestyle, our family loves to explore the outdoors together while doing some freelance jobs in between. Know more about our family adventures at wyattmaktrav.com - named after my son Wyatt Maktrav.
Session expired
Please log in again. The login page will open in a new tab. After logging in you can close it and return to this page.