CSS Logo Sizing Templates

   This article has been moved!

We've recently updated our support center articles - Please bear with us while we make the transition. This article can now be found here!


Hudu has a wide variety of customization options that are just a few clicks away. For our more advanced customization, Hudu allows users to enter their own scripting to truly make their Hudu environments their own. 

To help skip past the digging, trial and error, we've set up a few custom scripts that will help users get started. 

How to Access

  1. Navigate to the Admin section 
  2. Select Design
  3. Identify the Custom CSS and the code box below 
  4. Copy and paste (or write-in) the script you'd like to apply 
  5. Select update on the bottom to apply the script.

Resize Scripts

The numbers before px are designated as '000'. Replace these with the size you would like

Shared Articles Image

.shared__logo img {height: 000px !important;} /*This will resize the image*/
.shared__logo { height: 000px;}

.header__logo img {max-height: 000px !important;} /*Adjusts the header to match the size of the image*/
.header {height: 000px;}

.shared-article{padding-top: 000px;} /*This will move the content down*/

Home Page Custom Logo

.header__logo img {max-height: 000px !important;} /*Changes the size of custom logo*/

.header {height: 000px;} /*Adjust header height*/

.container.container--medium {padding-top: 000px;} /*Adjust Content in the Design Admin*/

main.cpanel__main {padding-top: 000px;} /*Adjusts content in Company*/

.nasa__title.for-bg {padding-top: 000px;} /*Content for the Dashboard, main content*/
.nasa.nasa--with-title {padding-top: 100px;} /*Moves the Title content down on Dashboard*/




Was this article helpful?
0 out of 0 found this helpful