Home Forums WoodMart – Premium Template Home page promo size

This topic contains 8 replies, has 2 voices, and was last updated by Aizaz Imtiaz Awan Aizaz Imtiaz Awan 2 months, 1 week ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #169178

    alexwh87
    Customer

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

    does it depend on the uploaded image size?

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #169198

    alexwh87
    Customer

    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.

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #169205

    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.

    #169210

    alexwh87
    Customer

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

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #169214

    alexwh87
    Customer

    If I use HTML block to display

    The promo popup cannot display the image.

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #169226

    alexwh87
    Customer

    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?

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #169234

    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.

    #169238

    alexwh87
    Customer

    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.

    Private Content Hidden
    #169257

    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.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.