Documentation
DocumentationCustomer Success ManualQuestions?Go to Outgrow.co

CSS - Increasing Logo Size for your Outgrow content

Suggest Edits

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 get an understanding of how you increase the logo size in different design layouts.

Design LayoutCSS 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.

Updated 7 months ago