Canvas Support

issue with the logo

6 replies·opened Feb 25, 2021
B
benchmarqlabsFeb 25, 2021

I'm trying to change the canvas logo with my own as can be seen in this code 

<a href="Final.html" class="standard-logo" data-dark-logo="benchmarq/images/logo/white_small.png"><img src="benchmarq/images/logo/black_small.png" alt="Canvas Logo" style= "width: 30%; height: 30%;"></a>
<a href="Final.html" class="retina-logo" data-dark-logo="benchmarq/images/logo/white_big.png"><img src="benchmarq/images/logo/black_big.png" alt="Canvas Logo" style= "width: 30%; height: 30%;" ></a>

, but my logo always appears bigger than what I want. when I try to resize it, the width changes, but the height remains the same.
Can you advise me what I should do?

S
SemiColonWebSTAFFFeb 26, 2021

Hello,

This issue is due to the Custom Styles: style= "width: 30%; height: 30%;" used in your Logo Codes. Please remove this and use CSS to defined a Specific Width/Height to the Logo if required.

Additionally, you can also provide us with a Screenshot explaining how would you like the Logo to look like and we can help you out with the Codes.

Hope this Helps!

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

B
benchmarqlabsFeb 28, 2021

This is the size of the logo when I delete the part style= "width: 30%; height: 30%; I wanted the logo to be smaller like the width should be 30% or 40% max of the current size shown below, but when I do that the width gets smaller and height remains the same.

How and where exactly can I use CSS to define a size?

B
benchmarqlabsFeb 28, 2021

also, the width of the images used is the same as the width of the canvas logo images so, it's supposed to look the same.

S
SemiColonWebSTAFFMar 1, 2021

Hello,

Apologies for the Inconveniences caused!

This should not work like this and if the Images used are the same sizes as Canvas, everything should work fine out of the box. Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. 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.

B
benchmarqlabsMar 1, 2021

The whole folder is on my laptop, how can I provide you with a live URL?

S
SemiColonWebSTAFFMar 2, 2021

Hello,

In order to properly check the Issue and provide you with an accurate solution, we need a Live URL. You can provide us with one whenever you are ready. Meanwhile, you can also consider providing us with a the Logo Image so that we can test it here and see if we can reproduce the issue.

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