Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Site title below logo, site description on the side

  • [email protected]
    May 1, 2024 at 5:43 am

    Hi there,

    In the HTML, the site title and description is in one div, and the logo is in another div. I want to show the site title below the image logo (like an image caption) and then the site description to the left (or right) of the image. Is it possible to restructure the HTML like that (or achieve it by CSS)?

    Best Regards,
    Peter

  • Ying
    May 1, 2024 at 9:36 am

    Hi Peter,

    Give this this CSS a try:

    .main-title {
    position: absolute;
    left: 0;
    bottom: 0;
}

.site-branding-container {
    position: relative;
}

.site-branding-container .site-logo {
    margin-bottom: 30px; //change 30px to the font-size of site title.
}
  • [email protected]
    May 7, 2024 at 2:21 am

    Hi Ying,
    Thanks for your reply. That helped!

    I want to position the site title centered relative to the logo. I find it hard to do that without having the site title HTML inside the logo HTML. Is that possible?

  • Ying
    May 7, 2024 at 8:32 am

    Can you re-attach your site link? I’ll take another look!

  • [email protected]
    May 7, 2024 at 8:33 am

    Sure. The test page is added to the private information.

  • Ying
    May 7, 2024 at 12:43 pm

    It looks pretty centred since you adjusted the values.
    https://app.screencast.com/LdeVfae57lqJ9

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.