I’m looking at an obvious way to make the Height bigger on the ‘Top Bar’, ‘Footer’, ‘Sub-Footer’ and ‘Header’
And would like to know if there is an easy way to customise this? There appears to be similar posts but I can’t find an answer, and it seems like the only option would be dipping into code. I would also like to enlarge the size of my logo, but there doesn’t seem an option? again I seem to have to stick to the theme standards. Hope you can help.
Hello,
The height can be adjusted from the font settings. Please change the font line-height like so: https://www.screencast.com/t/MleXZtWuq
You cna do this for the main menu as well, for the footer menu, or for other elements.
Thank you!
Hi,
I’m not meaning the font. I’m talking about changing the height of the div tag, for example: height: 75px; width: 100px etc.
Your saying only way to make it bigger is via line height? What if I want to make it 200px height? Hope that explains what I am trying to do. Line height option only goes up to 90px, there is no option to make it bigger?
Hi,
Changing the line height will increase the height of these elements if that is what you want to do. It could be done with CSS if you would like a value higher then available in the theme panel font settings. For example like this for the top menu
– https://www.screencast.com/t/uwgYz8rX8n
.td-header-sp-top-menu,
.td-header-sp-top-widget {
line-height: 200px;
}
You can inspect the elements on the page and the classes used and their styles, in order to create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
