CSS Logo Sizing Templates

  • Updated

Intro 

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 resaize 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 Custome 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*/
 
 

 

 

 

Still have questions?

Contact us