AbanteCart Community

Shopping Cart Operations => Support => Template Support => Topic started by: CTGO.co on February 13, 2019, 02:49:05 AM

Title: website logo size
Post by: CTGO.co on February 13, 2019, 02:49:05 AM
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
Title: Re: website logo size
Post by: Basara on February 13, 2019, 04:10:21 AM
Hello.
You can upload new logon in AbanteCart admin panel https://abantecart.atlassian.net/wiki/spaces/AD/pages/24543267/Change+Logo
Title: Re: website logo size
Post by: CTGO.co on February 14, 2019, 04:31:44 AM
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
Title: Re: website logo size
Post by: Basara on February 14, 2019, 06:20:29 AM
Hello.

If you have default template you can try to change CSS rule for
Code: [Select]
.header-logo {}In /storefront/view/default/stylesheet/style.css about line 274 but this may affect other header elements
Title: Re: website logo size
Post by: LuzDeLaDiosa on May 14, 2025, 10:05:53 AM
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!
Title: Re: website logo size
Post by: Basara on May 15, 2025, 02:07:50 AM
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]
.navbar-brand.logo > img {
    max-width: 100px;
}
Title: Re: website logo size
Post by: LuzDeLaDiosa on May 15, 2025, 09:56:10 AM
CSS is a better way to go. Tried it and it works perfectly. Thank you, Basara!