Home › Forums › WoodMart support forum › How to change the promo popup wrapper background color when popup is loaded?

How to change the promo popup wrapper background color when popup is loaded?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 16, 2021 at 4:58 am #325587

    lightnect
    Participant

    Dear Support Team,

    I want to change the popup wrapper backgroud color when popup is loaded, I tried to use the custom css:
    .mfp-bg {
    position: fixed;
    z-index: 1102;
    overflow: hidden;
    background-color: rgb(119 119 119 / 20%);
    }

    It worked in the page but after I pasted it in the theme setting / Custom CSS, I refresed the page it did’t work.couldyou please help check this issue? many thanks !

    Attachments:
    You must be logged in to view attached files.
    October 16, 2021 at 11:06 am #325637

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshots you attached.

    There might be some Syntax Errors in the Custom CSS fields. Please make sure that there is no Syntax error in the Custom CSS fields.

    If the issue still occurs then provide the admin panel login details of the website.

    Regards.
    Xtemos Studios.

    October 16, 2021 at 3:05 pm #325679

    lightnect
    Participant

    Hi,

    Many thanks for your quick response! I don’t have any knowledge of CSS, so I will provide you the admin login details for your checking, besides that I still got another problem for promo popup padding (see attached photo), I refer to previous topic using below css not working:
    .wd-promo-popup {
    padding: 0;
    }

    Admin login details in the private content.

    Attachments:
    You must be logged in to view attached files.
    October 18, 2021 at 6:49 am #325876

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Your issue has been Resolved. I have adjusted the CSS and now it’s working.

    Please clear cache and check back.

    Regards.
    Xtemos Studios.

    October 18, 2021 at 12:34 pm #326020

    lightnect
    Participant

    Many thanks for your kind support!

    I still got another problem as describled above, I want to change the promo popup padding to be 0px and tried to use the custom css but it did’t work.

    .wd-promo-popup {
    padding: 0;
    }

    would you please take some time to check that？thanks in advance.

    Best regards

    October 19, 2021 at 6:04 am #326145

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You are Most Welcome.

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .mfp-with-anim.wd-popup.wd-promo-popup {
    padding: 0;
}

    Best Regards.

    October 19, 2021 at 9:16 am #326189

    lightnect
    Participant

    Problem solved,thank you for your effort to check for me.

    Have a nice day !

    Best regards

    Ivy

    October 19, 2021 at 10:02 am #326203

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

    Thanks for contacting us.
    Have a great day :-)

    Topic Closed.
    Best Regards.

  • Author
    Posts

Tagged: 

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

The topic ‘How to change the promo popup wrapper background color when popup is loaded?’ is closed to new replies.