Spacing between tagline and logo

  • Resolved Ian

    (@ivjohnston)


    9 years, 11 months ago

    Great theme for a non techie like myself but I find that the tagline and logo are too close together and I would like a bigger gap between the two.

    Have a look at https://factoringquotes.org.uk/ to see what I mean.

    I have bought all of the addons in the hope that there would be something in element spacing but if there was I couldn’t find it.

    Could you let me know in fairly simple terms how I can increase the spacing?

    Many thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Tom

    (@edge22)

    This is something I need to add to the element spacing add-on.

    For now, you can use this custom CSS:

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

    Adjust the 20px to your liking.

    How to add custom CSS: https://generatepress.com/knowledgebase/adding-css/

    Thread Starter Ian

    (@ivjohnston)

    Many thanks Tom. Even a technical dumbo like myself has managed to follow your instructions.

    Theme Author Tom

    (@edge22)

    Happy to help! ??

    I decided to place the logo on the left side of the title and do this instead: 

    //Logo and title positioning

.site-logo {
    width: 20%;
    float: left;
}

.site-branding {
    width: 80%;
    float: right;
}

@media screen and (max-width:700px) {
    .site-logo, .site-branding {
        float: none;
        width: 100%;
    }
}
    Theme Author Tom

    (@edge22)

    Awesome, thanks for sharing! ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Spacing between tagline and logo’ is closed to new replies.