Resizing place for Logo image in Post Affiliate Pro

Since version 5.4.x.x this article has become a bit obsolete. The logo is now resized automatically to fit its container via max-width and max-height parameters of the classes listed below for different themes. So if you would want to increase the display size of the logo you would follow the article below and besides the steps listed there you would also change your values in max-width and max-height. Besides that you might need to do the changes also to .LALogoImage class.

 

What if your logo image is bigger than default?
 
In the merchant panel navigate to Start > Configuration > Design > [Affiliate panel theme OR Signup page theme OR Merchant panel theme ] > click 'Edit theme' at the current theme.  
If it claims to create a 'Copy of .... theme', then click yes.
 
Now you can look up the custom.css file and place there the following code.
 
 
.HeaderInfo {
height: 94px; /* change this value to suit your logo height */              
}

.Logo {
width:314px; /* change this value to suit your logo width */
height:57px; /* change this value to suit your logo height */
top:20px; /* change this value to decrease/increase the distance of the logo from the top of the page*/
left:22px; /* change this value to decrease/increase the distance of the logo from the left side of the page*/		
}
 
Then exit the theme editor and click the 'Set as default' button at the freshly created and edited theme. 
 
NOTE: in the "Dash" affiliate panel theme you have to use .Dash_LAHeader instead of .HeaderInfo and .Dash_LALogo instead of .Logo
In the "Dash" merchant panel theme you have to use .LAHeader instead of .HeaderInfo and .LALogo instead of .Logo
NOTE2: in LiveAgent affiliate panel theme the maximum size of the logo is 60x315px