Home › Forums › WoodMart support forum › Home page promo size
Home page promo size
- This topic has 8 replies, 2 voices, and was last updated 4 years, 3 months ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
January 22, 2020 at 2:35 am #169178
alexwh87ParticipantHow 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.January 22, 2020 at 7:36 am #169198
alexwh87ParticipantI 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.January 22, 2020 at 7:57 am #169205
Aizaz Imtiaz AwanKeymasterHello,
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.
January 22, 2020 at 8:23 am #169210
alexwh87ParticipantI 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.January 22, 2020 at 8:50 am #169214
alexwh87ParticipantIf I use HTML block to display
The promo popup cannot display the image.
Attachments:
You must be logged in to view attached files.January 22, 2020 at 10:24 am #169226
alexwh87ParticipantI 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.January 22, 2020 at 10:35 am #169234
Aizaz Imtiaz AwanKeymasterHello,
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/BNn81gT7Best Regards.
January 22, 2020 at 11:02 am #169238
alexwh87ParticipantSorry 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.
January 22, 2020 at 1:16 pm #169257
Aizaz Imtiaz AwanKeymasterHello,
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.
-
AuthorPosts
- You must be logged in to create new topics. Login / Register