Can I enlarge logo?

5 replies · opened Dec 30, 2020

PpotteryguyDec 30, 2020

Hello! Can you guide me to the easiest way to enlarge the logo at top left? Thank you. This theme is great.

SSemicolon WebSTAFFDec 31, 2020

Hello,

Thanks for the Kind Words! :)

The Height of the Logo is linked with the Header Height. To change the Logo Height, simply apply the .header-size-custom Class on the #header DIV and then use this CSS Code:
[ch_pre].header-size-custom #logo img {
height: 150px;
}[/ch_pre]

This will definitely work fine. Hope this Helps!

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

PpotteryguyJan 4, 2021

Hello and thank you for this.

I like the height of the header. Could I decrease padding around logo for less negative space?

SSemicolon WebSTAFFJan 5, 2021

Hello,

Can you please provide us with a Screenshot with marked areas where you would like to decrease the Padding so that we can provide you with more accurate help? Thanks for your Patience.

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

PpotteryguyJan 5, 2021

Hello, thank you so much. I have attached two images. Logo as is shows how the logo in the upper left corner displays now. Logo RESIZE shows how I would like it to display.

Thank you so much!

SSemicolon WebSTAFFJan 6, 2021

Hello,

Thanks for more clarification on this.

  1. You will need to remove the White Space for the Logo manually in your Photo Editing software as Canvas Codes does not conflict with the Logo Spaces manually. Your logos are displayed as-is.

  2. To add padding to the Left of the Logo, simply add the .ml-4 Class to the #logo Element or any other spacing Classes: https://getbootstrap.com/docs/4.5/utilities/spacing/ 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.

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