CSS - Increasing Logo Size for your Outgrow content

CustomStyle Sheet code allows you to make cosmetic changes to the overall look and feel of the content that you create using Outgrow. This document will help you in getting an understanding of how you increase the logo size in different design layouts.

Design Layout

CSS Code

Chicago

.logo a img.horz {
max-width: 200px !important;
max-height: 100px !important;
}.logo a img.vert {
max-width: 150px !important;
max-height: 135px !important;
}

London

.V_3_5 .logo a img {
max-width: 160px !important;
max-height: 75px !important;
}

Greek

.logo a img.horz {
max-width: 200px !important;
max-height: 100px !important;
}.logo a img.vert {
max-width: 150px !important;
max-height: 135px !important;
}

Tokyo

.experian .logo a img {max-width: 180px !important;max-height: 75px !important;}

Madrid

.logo a img.horz {
max-width: 200px !important;
max-height: 100px !important;
}.logo a img.vert {
max-width: 150px !important;
max-height: 135px !important;
}

Stockholm

.logo a img.horz {
max-width: 200px !important;
max-height: 100px !important;
}.logo a img.vert {
max-width: 150px !important;
max-height: 135px !important;
}

Seattle

.template-seven .logo a img {max-width: 140px!important;max-height: 85px!important;}

Venice

.logo a img.horz {
max-width: 200px !important;
max-height: 100px !important;
}.logo a img.vert {
max-width: 150px !important;
max-height: 135px !important;
}

New York

.logo a img.horz {
max-width: 200px !important;
max-height: 100px !important;
}.logo a img.vert {
max-width: 150px !important;
max-height: 135px !important;
}

Paris

.logo a img.horz {
max-width: 200px !important;
max-height: 100px !important;
}.logo a img.vert {
max-width: 150px !important;
max-height: 135px !important;
}

Berlin

.logo a img {max-width: 230px !important;max-height: 135px !important;}

Auckland

.logo a img {max-width: 180px !important;max-height: 75px !important;}

Feel free to reach out to us using our chat support or by reach out to us at [email protected] in case you have any questions or feedback and our team will be glad to assist you further.