0
Welcome Guest! Login
0 items Join Now

SOLVED Changing Logo Size in Gantry 5 / Hydrogen

  • SOLVED Changing Logo Size in Gantry 5 / Hydrogen

    Posted 9 months 2 weeks ago
    • Gantry 5.5.16 / Hydrogen 5.5.16 / Joomla 4.3.3

      OK, so I've just started to delve into Gantry 5 on Joomla 4 and I feel like I've hit a brick wall before I've even got anywhere. I'm just trying to do something as simple as changing the logo size on the homepage. I've taken the vanilla Hydrogen template and added a logo particle in the header area so now it's 50% logo and 50% branding. I've changed the particle options so it displays the logo I want. All good.

      However, I cannot for the life of me work out how to increase the size of the logo. The image file is 114px high and it's being scaled down to the size of its container, which is to be expected. But if I change the maximum height value in the particle options, nothing happens, it stays exactly the same. If I try changing the particle defaults it's still doing nothing.

      I feel like I'm missing how to change the height of the logo container, as I'm sure this is what's limiting the image size but I can't believe it's so difficult to find out how to do that. I've read the documentation on the logo particle and it's not giving me any clues.

      Help!
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 21595
    • Thanks: 3098
    • messin' with stuff

    Re: SOLVED Changing Logo Size in Gantry 5 / Hydrogen

    Posted 9 months 1 week ago
    • It's going to behave responsively inside of any Particle; the Particle is restricting it's width in order to scale for smaller devices.

      You can make the Particle wider. You can remove the Particle's padding/margins from the Block Settings Tab > Variations ( docs.gantry.org/gantry5/configure/layout-manager#settings-2 )

      Alternatively you can just use a Custom HTML particle and load your image in that way (Other RT themes have a "better" Image Particle you can use). For images I like to use the gantry media stream:

      <img src="gantry-media://logos/image.png" />

      That will looks for a "logos" folder with an "image.png" file inside of:

      [theme-name]/images
      [theme-name]/custom/images

      or within Joomla's default image directory
    • The following users have thanked you: Daniel Benson

    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
  • Re: SOLVED Changing Logo Size in Gantry 5 / Hydrogen

    Posted 9 months 1 week ago
    • Thanks Matt, I'll try with the custom HTML particle as that seems like a more straightforward way to do it.

Time to create page: 0.051 seconds