Disable page scrolling doesn’t work

Dear @kwtan,

Thanks for the topic.

To investigate your case further, we need some additional information.

Could you please provide a link to the page where the popup is located?

Also, does the issue occur on a specific page, or have you tried it on other pages/posts? If you haven’t tested it on other pages, please do so and let us know the results.

Looking forward to hearing from you.

Thank you.

Dear @kwtan,

Thanks for the reply.

It seems that due to your WP theme or another plugin, our code to disable scrolling is not working properly. The code from the theme/plugin is taking the priority.

We will provide you with custom CSS that you can apply to any popups where you’d like to disable scrolling. Additionally, please enable the ‘Disable Scrolling’ option.

Please navigate to the Popup Box plugin > Popups > your particular popup > Styles > Custom CSS and paste the below code there.

Here is the code:

html.no-touchevents.pb_disable_scroll_YOUR_POPUP_ID {
overflow-y: hidden !important;
position: fixed !important;
width: 100% !important;
}

Instead of YOUR_POPUP_ID write the ID of your popup. For example, if the ID is 3, the code to be pasted will be as shown below:

html.no-touchevents.pb_disable_scroll_3 {
overflow-y: hidden !important;
position: fixed !important;
width: 100% !important;
}

Regarding your question, please add the below code to the same field as mentioned before, that is Custom CSS, if you want the mouse changing to a click icon when being outside of the popup window:

.av_pop_modals_YOUR_POPUP_ID {
cursor : pointer !important;
}

And the below code if you want the mouse changing to a click icon when being inside of the popup window:

.ays-pb-modal_YOUR_POPUP_ID{
cursor : pointer !important;
}

Note that you can also add both.

Please check this and let us know about the outcome.

Thank you.

Dear @kwtan,

Thanks for the reply.

Please note that in all codes provided you need to write your popup ID instead of YOUR_POPUP_ID.

For example, if the ID of the popup is 3, the codes provided to you in the previous reply must be inserted like this:

Code 1:

html.no-touchevents.pb_disable_scroll_3 {
overflow-y: hidden !important;
position: fixed !important;
width: 100% !important;
}

Code 2:

.av_pop_modals_3 {
cursor : pointer !important;
}

Code 3:

.ays-pb-modal_3{
cursor : pointer !important;
}

You can find the IDs of popups by navigating to the Popup Box Plugin > Popups.
In the below screenshot you can see the ID column:

View post on imgur.com

Simply copy the ID of your corresponding popup and write it instead of YOUR_POPUP_ID.

Additionally, note that the cursor will already turn into the pointing hand with the current setup, so no worries there.

Please try this and let us know how it goes for you.

Thank you.

Dear @kwtan,

Thanks for the reply.

Regarding your first point, please delete the ‘position: fixed !important;’ from the code we have provided you.

That is, the code should become this:

html.no-touchevents.pb_disable_scroll_3 {
overflow-y: hidden !important;
width: 100% !important;
}

Regarding your second point, if you’d like the cursor to turn into a pointer when hovering over those texts, please note that this behavior isn’t controlled by our plugin — it’s related to the elements on your site. You’ll need to adjust their styles manually.

One way to do this is by adding the below code to your theme’s Additional CSS section. Here, elementor-image-box-title is the selector of the text.

View post on imgur.com

The code:

.elementor-image-box-title {
cursor: pointer;
}

Please check this and let me know if you have any questions.

Thank you.

Dear @kwtan,

Thanks for the reply.

I want to mention, that our development team needs additional information to further investigate your case.

So please contact us via this form. Our customer care specialists will check your case and help you accordingly as soon as possible.

Looking forward to hearing from you.

Thank you.

PS: Pease note that each topic is opened for one question only. Later, if you have other questions, please open a new topic so that the info can be accessible to other users as well.