function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
aggamanaggaman 

Customising Header in Customer Portal

Hi,

 

I am trying to override salesforce css for customer portal tabs, I can override css and but can see the output for few seconds after that it again overrides the css from salesforce sites.

 

CSS I am using is:



.tabNavigation {
                                                                  
    background-color: #000000 !important;
	
}

.tab td {
                                                                     
    background-color: #000000 !important;
	border-bottom-color:#000!important;
}

.tab td div,
.tab .last div {
    color: #000000 !important; 
	border-bottom-color:#000!important;
}

.tab .currentTab {
                                                                    
    border-right-color: #696969;
}

.tab .currentTab div {
                                                                            
}

body .tab,
body .tab a {
    border:collapse;
    color: #FFF;
	font-size:12px;
    font-family: Arial;
	padding-left:14px;
	padding-right:14px;
	text-decoration:none;
	font-weight:bold;
	margin-bottom:18px;
	border-right:1px solid #696969;
	border-bottom-color:#000!important;

	
}
.tab a:hover{
    color: #fff;
	font-size:12px;
    font-family: Arial;
	padding-left:14px;
	padding-right:14px;	
	text-decoration:underline;
	margin-bottom:18px;
    border-right:1px solid #696969;
} 
body .currentTab,
body .currentTab a {
    color:#009999;
    font-family: Arial;
	font-weight:bold;
}
body .currentTab a:hover {
    color:#009999;
    font-family: Arial;
	font-weight:bold;
}
.primaryPalette{
color: #696969!important;
}