Jump to content

How to change Home Hook image layout and size


Recommended Posts

I want to have two images on the home hook set out side by side. One image is 777x142 and the other is 383x142. This is different to the default layout and when displaying the images, the larger one is reduced in size and doesn't fill the space correctly. I've looked in theme configurator to see if there is an option to change the home hook layout but there doesn't appear to be. The image displays fine in other hooks so I know that the image is okay. Is there something in the global.css file I can change or anywhere else that will allow to achieve the layout I want?


Thanks in advance,



Link to comment
Share on other sites

Here is a code to make something responsive via CSS:

@media screen and (max-width: 300px) {
    #htmlcontent_home > ul:nth-child(1) > li:nth-child(2) {
        width: 100%;

Play around with the width a littlebit, to see which one fits best. Also play around with the max-width, this is the size of a certain screen.

Let me know if this works for you.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...