1. Go to Control Panel > Settings > Store
2. Choose the logo image to upload. Click Select file or Choose File.
Find the image and then click Upload logo.
The image to be uploaded must meet the following specifications:
Accepted formats: JPG, SVG, PNG
Minimum size: "70 x 70px"
up to 20mb
3. Click Save.
Once the image has been processed, it will look like this:
💡Tools that you can use to transform, compress and resize files:
Tiny PNG: Allows you to compress images in PNG and JPG format.
I love IMG You will be able to compress, resize, crop and rotate JPG and PNG files.
Peko-Step : Allows the background of the image to be transparent, among other features.
👉If the logo was too small for you, you can apply CSS styles to try to enlarge it. We share an example:
After uploading the logo in the store, it looked like this:
By right clicking on the logo we can inspect it in the console and test the styles from there:
In this case we modify the maximum height to 60px to make it look bigger. For it to be applied in the store we must go to Control Panel> Settings> Advanced and in Custom before </body> code paste the following code:
<style>
.navbar-brand img {
max-height: 60px
}
</style>
Then we click Save .
We hope this tutorial has been easy for you. If you have questions, write to us at [email protected] .