Home page promo size

How can i change the size of the home page promo?

does it depend on the uploaded image size?

Attachments:

You must be logged in to view attached files.

I tried to create a HTML block with a single image, and use it inside theme settings promo
but the image is all black and won’t show up.

Then I tried to place the image directly inside theme settings, but there is a white background which I cannot remove, and the image is not centered.

Attachments:

You must be logged in to view attached files.

Hello,

You can change the image height by modifying the html block which you have used as a promo popup form the html block option in your dashboard sidebar.

Screenshot for Clarification: https://www.screencast.com/t/b10PC5k4GZx

The width that you set for your popup from the Theme options >> Shop >> Promo Popup >> Popup width is the actual width of the popup box in which your content exist.

Screenshot for Clarification: https://www.screencast.com/t/zsLjrdNXqM

If you want to use the whole image as promo popup then you can add it as the promo popup background. From Theme Settings >> Shop >> Promo Popup.

Screenshot for Clarification: https://www.screencast.com/t/S1MkhMIAMVGj

Best Regards.

I did try to insert the image as background as well, but it will be trimmed off.

Attachments:

You must be logged in to view attached files.

If I use HTML block to display

The promo popup cannot display the image.

Attachments:

You must be logged in to view attached files.

I copied one of the template promo and replaced the image and it finally works.

But how can I remove the white top and bottom?

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you added. The image is set to the background of the promo popup. As I mentioned in my previous reply that you can change the height of the image from the HTML block you used in the promo pop up.

As an example for you I have changed the background of promo popup.
Screenshot for clarification: https://www.screencast.com/t/BNn81gT7

Best Regards.

Sorry I’m still a bit confused.

How can I edit the image height in HTML block?

Currently I used HTML block inside promo popup
And there’s a white background? How can I remove it?

I also tried NOT to use HTML block and only edit the promo popup background, but how can I adjust height?

Please advise.

Thanks.

Hello,

You can change the size of the image by editing the HTML block.

Screenshot for clarification: https://www.screencast.com/t/IrB0YMMD

There are also pre built promo popup html blocks available. You can also find and select the one which suits your requirements.

Screenshot for Clarification: https://www.screencast.com/t/9xsRZ7xpaz

I have removed the white background of the image by adding this CSS to Theme Settings >> Custom CSS >> Global.

.woodmart-promo-popup {
background-color: transparent;
}

You can check the site after clearing the cache.

Best Regards.

[Author]

Posts