Overview:
The following tutorial will show you how to change the styles of the Preview tabs for the Image Customizer app.
Set Active tab styles:
Use this to change the active tab's styles:
.po-customizer-tabs a.tab-active{ }
Set Inactive tab's styles:
Use this to change the other tab's styles:
.po-customizer-tabs a:not(.tab-active){ }
Icon for both Tabs:
The icon is added an an image and unfortunately cannot be styled.
Add Important tags:
You will need to add !important to your styles to ensure the changes are used:
.po-customizer-tabs a.tab-active{
background-color: #f45b4f!important;
}
.po-customizer-tabs a:not(.tab-active){
background-color: #fff!important;
border: solid 1px #f45b4f !important;
}