hello. i want to use an image based logo. not text based. i read all theme docs but no recommended size. as you can see in screenshot, logo is positioned well outside the header and mostly cut off. the image was saved as a png with NO space around it. aka the actual logo image/words are tight to the edges of the document.
please advise. this is my first 10mins with your theme and i'm already off to a rocky start.
Please go to "Style Customizer > Others > Custom CSS" and enter below CSS:
#logo {
margin: 0;
}
#tagline {
display: none;
}
This will remove the tagline and logo margin so now the bottom of the logo image will horizontally align with the bottom of the menus.
In case you would like to use custom CSS for other elements, I would recommend "Developer Tools" on Chrome or "Firebug" on Firefox to inspect the elements on the page. Then you can know which CSS selector to adjust.
Anyway, I notice that your logo image itself contains a lot of white space on the left side of "by me" text so it might still create a "look" of unbalanced alignment on the logo. You can try to use the center alignment for the logo and horizontal menu instead by going to "Theme Options > General > Header Style" and select the option there.
hello. i want to use an image based logo. not text based. i read all theme docs but no recommended size. as you can see in screenshot, logo is positioned well outside the header and mostly cut off. the image was saved as a png with NO space around it. aka the actual logo image/words are tight to the edges of the document.
please advise. this is my first 10mins with your theme and i'm already off to a rocky start.
thx.
Hi Sara,
Please go to "Style Customizer > Others > Custom CSS" and enter below CSS:
#logo { margin: 0; } #tagline { display: none; }
This will remove the tagline and logo margin so now the bottom of the logo image will horizontally align with the bottom of the menus.
In case you would like to use custom CSS for other elements, I would recommend "Developer Tools" on Chrome or "Firebug" on Firefox to inspect the elements on the page. Then you can know which CSS selector to adjust.
Anyway, I notice that your logo image itself contains a lot of white space on the left side of "by me" text so it might still create a "look" of unbalanced alignment on the logo. You can try to use the center alignment for the logo and horizontal menu instead by going to "Theme Options > General > Header Style" and select the option there.
Cheers,
Paul
thank you.
sorry marking as closed