Oversized Logo + Overflow Bottom Border

3 replies·opened Apr 25, 2022
K
KennethLeoHodgesApr 25, 2022

Hello,

I would like to accomplish a couple of things:

  1. Customize the header HEIGHT to about 130-140px (Using Custom.css)
  2. Use a logo that is 142px height, that OVERFLOWS the bottom header border into the video area. (top padding +30px, bottom padding -30px ????)

I have included 2 screen shots:

The first shot is my website (http://smarterwebtest.com/)
The second shot is what I am trying to accomplish with the logo hanging BELOW the border. (https://www.patriotliner.com/)

Thank you for your time !!!

S
SemiColonWebSTAFFApr 27, 2022

Hello,

Using the following code should work fine:

#logo img {
	position: relative;
	bottom: -20px;
}

You can change the -20px value according to your needs.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

K
KennethLeoHodgesApr 27, 2022

THANK YOU SO MUCH!!!

YOU GUYS ROCK!!!

S
SemiColonWebSTAFFApr 27, 2022

Very Happy to Help! :)

Please do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard