[Resolved] Decrease/reduce spacing between logo and site title

[Anonymous]

Hi there,

There doesn’t appear to be the option to decrease the spacing between the logo and site title.

Attempting to customize the CSS class “site-logo” for example, does not take effect.

What is the recommendation to bring the logo and site title closer?

[David]

Hi there,

do you have an example site ? As the arrangement of Site Logo and Site Title will vary depending on the customizer settings.

[Anonymous]

Hi David,

It’s the Broadcast site library.

[Leo]

The default Broadcast site doesn’t use a logo.

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[Anonymous]

Hi Leo,

The issue occurs when a logo is uploaded to the Broadcast theme.

The site’s offline and inaccessible.

[Leo]

I just tried it and there isn’t any default padding added between site title and logo:
https://wordpress-202309-991531.cloudwaysapps.com/

I’ll need to see your set up to determine the issue.

[Anonymous]

Thanks Leo.

The reason you don’t see the padding/margins is because the setting you have isn’t to display the logo adjacent (side by side) the site title.

If you change this, you’ll notice the spacing.

[Leo]

This is the CSS you need to overwrite:
https://www.screencast.com/t/RyzArMzqQrZ

[Anonymous]

Hi Leo,

Yes, I did identify the classes however when attempting to apply them via the customizer they don’t appear to take effect. Can you please share the styles you are using to overwrite the default style?

[Leo]

The exact CSS selector shown in the screenshot should work:

.site-branding-container .site-logo {
    margin-right: 0;
}

[Anonymous]

Thanks Leo.

[Leo]

No problem 🙂

[Author]

Posts