Logo styling and padding

  • Resolved David181

    (@david181)


    5 years, 6 months ago

    Dear team,

    when inserting a logo for the website, it shows directly under the subtitle with no margin at all.

    > Is there any setting to control the padding between logo and subtitle?
    > Is it possible to acheive a look like this – https://top-partymusik.de/ (title and subtitle next to each other, followed by the title image)?
    > Is it possible to use a square logo left of (not under) title (first row) and subtitle (second row)?

    It’s also fine if all of that is possible with Premium / Menu Plus. ??

    Thanks and best,
    David

Viewing 9 replies - 1 through 9 (of 9 total)
  • Leo

    (@leohsiang)

    Hi there,

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

    Let me know ??

    Thread Starter David181

    (@david181)

    Dear @leohsiang,

    I’m working on the site, I can just show you a screenshot of the WP theme customizer.
    I hope that helps:

    https://unsee.cc/24c2c86e/

    … By the way, I found a solution for question 3: https://docs.generatepress.com/article/putting-site-title-next-logo/. Therefore, it’s just 1 and 2. ??

    Thanks and best,
    David

    • This reply was modified 5 years, 6 months ago by David181.
    • This reply was modified 5 years, 6 months ago by David181.
    Theme Author Tom

    (@edge22)

    If you’ve used that method for #3, do you still need space between the title/tagline and logo?

    Let me know ??

    Thread Starter David181

    (@david181)

    Good point, I would try it with:

        .site-logo {
        margin-top: 10px;
    }

    Any change to create the layout mentioned in question 2?

    Thanks and best,
    David

    Theme Author Tom

    (@edge22)

    The site you linked to in #2 is the standard layout for GP. Can you show me a screenshot of what you have so far?

    Thread Starter David181

    (@david181)

    Hi @edge22,

    sorry, I just relaunched with GP Premium. ??
    Here’s a website with the layout I want to acheive: https://once.ly/dI5Pj

    Title => Subtitle on the same line.
    Image below with some padding.

    Thanks and best,
    David

    Theme Author Tom

    (@edge22)

    Thanks! Feel free to use our premium forums ??

    To do that, I would do this:

    .site-branding {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.site-description {
    margin-left: auto;
}
    Thread Starter David181

    (@david181)

    Hi Tom,

    works great – thanks!
    I’ll use the premium forums from now on – I just started the thread before purchasing. ??

    Thanks for the support!

    Best,
    David

    Theme Author Tom

    (@edge22)

    Awesome! Glad I could help ??

    Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Logo styling and padding’ is closed to new replies.