So my board logo is big, like massive big! Is there a way to make it smaller with code? I tried to look it up but didn't find anything.
Is there a way to change the background of a theme? Another question is... where the tabs are how do I get that to have a logo or whatever. Like for example Google has it's G on the tab. Sorry if my English is bad.
Link to the board? So that we may inspect elements and get an answer for you.
small it with code.? Why you not use photo editors and small it.
For starters, yes, there's a way to trim down the size of a large logo, and a couple of ways to do so.
First and simplest being <img src="url"
width="
200px"
height="
100px"> something along those lines, just play around with it till you find the best fit.
You can also do CSS for it, and define the max/min width/height there.
.logo img {
max-width: 200px;
min-width: 200px;
max-height: 50px;
min-height: 50px
}
Granted I'm not sure which option is the best, when it comes to changing image sizes I prefer to keep it in the HTML cause I believe it applies the size as the image loads. Where as CSS wouldn't apply the size till after all the HTML is loaded (at least I think).
You should be able to find the line of code to change in the "header" template. Usually under a div with the logo class.
For changing the background image of your theme, I'd assume you would just apply a background picture to the body element in your global.css.
For your last question, what your referring to is the favicon. It's the little image in the tabs.
There's plenty of sites out there where you can input a picture and have it convert it into a favicon. The main thing is making sure ya' got one that's compatible across various devices. After a quick lookup this site seems to do just that:
https://realfavicongenerator.net/
<img src="images/Unjtitled-4.png" width="200px" height="100px">
Would this be correct? And where would this be placed?
Yes, however, remember to play around with the width & height, if ya' want it smaller, then I'd take the original dimensions and cut em' in half, or however small it needs to be.
But it would be placed in your theme's 'header' template.
Just open it up, and browser search for "logo" & it should take you right to the area.