Modify Site title attributes

Hello Daniel,

thanks for choosing Bento!

You can change the padding around the logo with the “Logo padding” option in the “Site Elements” tab of the Appearance – Customizer admin section. Regarding the styling, please see this post for more details.

Hi there, and thanks.

I went to:

Appearance – Customize – Site Elements, and there in no “Logo Padding” Section there. But I did find the padding section under “Site Identity” and put it at 0.
Even at 0, it is too much padding for my small site title.
So, How can I make the padding even smaller?

I then went to the post above that you sent me. All that post does is tell you to go to the appearance section of the admin. It did not help me at all, sorry!

I need more effective and specific instructions on how to:

1. Change the padding around the title (not the logo)
2. Change the color, font and size of the sire title (globally or per individual page)

Thanks!

Daniel

This is the minimum spacing that can be set via the theme’s back-end; you can try adding custom CSS to alter the top and bottom padding on the hamburger icon to push it further, like this:
.mobile-menu-trigger, .ham-menu-trigger { padding: 10px 0 !important; }

Changing the default logo styling is referenced in one of the replies in the thread I linked to earlier, here’s an example:

.logo-default {
font-family: “Garamond”, “Times New Roman”, Times, serif;
font-size: 18px;
color: #000000;
}

All of the above can be added to the “Additional CSS” tab of the Appearance – Customize admin section.

Thank you, that helped very much!

Daniel

I tried using

.logo-default {
font-size: 18px;
}

to decrease the size of my site header text on https://www.lansi.tech, but it had no effect. Please advise.

In the case of lansi.tech, the text (“Landrau Scientific Innovations”) is not the logo, rather a page header; the CSS you’ve quoted is correct, but it only applies to the case when you have no image set up as logo in the “Site Identity” tab of the “Appearance – Customize” admin section.

I tried styling the logo on https://www.lansi.tech using .logo-default, but it didn’t work. What selector should I use?

Your current logo is an image, which means it will not respond to any CSS rules (only HTML elements do); in case you need dynamic or per-page styling for the logo, I recommend either using an svg (will require customizations) or removing all image logos from the “Site Identity” tab of the “Appearance – Customize” admin section, in order for the theme to display the site tagline as the default text logo, which can be styled with CSS.