website logo size

[CTGO.co]

hello,

Can we edit the website logo size and do some changes on it such change the size from 260 pixels * 60 pixels to another size like 300 * 300 pixels ... if that's possible , what is the location of the file?  Thank you.


Regards

SAM

[Basara]

Hello.
You can upload new logon in AbanteCart admin panel https://abantecart.atlassian.net/wiki/spaces/AD/pages/24543267/Change+Logo

[CTGO.co]

Hello.
You can upload new logon in AbanteCart admin panel https://abantecart.atlassian.net/wiki/spaces/AD/pages/24543267/Change+Logo

HI BASARA!

Thank you for replying on my post, my question is something different. I wanna edit the size of place where the logo gonna be seen on website top left side screen and just give it more bigger size place.


regards

[Basara]

Hello.

If you have default template you can try to change CSS rule for

Code Select Expand

.header-logo {}
In /storefront/view/default/stylesheet/style.css about line 274 but this may affect other header elements

[LuzDeLaDiosa]

I know this thread is old and the OP has, likely, already resolved, but for anyone else looking for the info and using default Novator template (same file name for the other template but in its folder):

1) In your shop directory, go to \extensions\novator\storefront\view\novator\template\common\header.tpl
2) On line 24, edit <div class="w-auto" style="max-width: 260px"> to the size you desire
3) Save, close, clear cache and refresh

Luck!

[Basara]

I know this thread is old and the OP has, likely, already resolved, but for anyone else looking for the info and using default Novator template (same file name for the other template but in its folder):

1) In your shop directory, go to \extensions\novator\storefront\view\novator\template\common\header.tpl
2) On line 24, edit <div class="w-auto" style="max-width: 260px"> to the size you desire
3) Save, close, clear cache and refresh

Luck!

We appreciate your post! With Novator, you can easily adjust the logo size using a CSS rule.

Code Select Expand


.navbar-brand.logo > img {
    max-width: 100px;
}


[LuzDeLaDiosa]

CSS is a better way to go. Tried it and it works perfectly. Thank you, Basara!