Hello Clayton – It seems like we are able to see the background image, however, the ad is not clickable.

Since all themes are built differently and created by various developers, your website structure may be unique compared to most standard WP sites. Luckily, we anticipated such a scenario and it requires a very simple step to address issues with clickable zones or background takeover images being visible for specific WordPress themes. Please follow the instructions below:

1. Go to your All Ads page and scroll down until you see a box labeled Advanced Settings.
2. Open this setting box and change the Main DOM Element for clickable area from body to .td-theme-wrap
3. Click Save Settings.

Please let us know if there is anything else we can help you with today. All the best.

Hello Clayton! – Thank you for contacting support.

Can you please provide us with the link to your website?

Additionally – It seems like you will have to edit the image to make sure that the white space is greater than or equal to the content-width of the main content area of your website(in pixels).

Hope this helps,

Hello @jaydi70 – We apologize for the delay.

As your website, theme & request is different, we were figuring out the best approach for you and your website.

Based on how your theme is constructed, you might need to add some CSS changes to show the background on your site header as well. We recommend taking site backup or performing the changes on a dev site first (which it seems like you are on currently).

Please follow the steps below:

1. Please add the following CSS changes to your Theme / Child Theme’s stylesheet

#page{max-width: 1170px; margin-left:auto; margin-right: auto}

2. Change the DOM element in the Advanced Settings of the BG Takeover plugin to body.

Please let us know if this helps,

Thank you,

Hello Doug – For the new URL – https://new.parkworld-online.com/ – Please change the DOM Element back to body.

Please let us know if this helps, and if you require further assistance.

Thank you,

Considering the page peel is at bottom left:
/* Page Peel AD – Double Size: */

#nnr-ppa-peelback #nnr-ppa-peel-image{ width: 110px; height: 110px; }
#nnr-ppa-peelback #nnr-ppa-clipper{ width: 140px; height: 140px; left: -70px; bottom: -70px; }

/* Page Peel AD – Triple Size:*/

#nnr-ppa-peelback #nnr-ppa-peel-image{ width: 160px; height: 160px; }
#nnr-ppa-peelback #nnr-ppa-clipper{ width: 210px; height: 210px; left: -105px; bottom: -105px; }

Please paste this code in your theme/child theme’s css file.

Please provide us with the link of the webpage when you activate the plugin and add the css code.

Hope this helps,

Hello Thomas – Thank you for contacting support

Unfortunately – currently there isn’t a setting inside the plugin that would allow the user to increase the size of the initial peel (without hover). However – it can be achieved via using Custom CSS. We do not recommend this as it might affect the display after future updates of the plugin.

Please let us know if you would like us to assist you with the custom CSS & if so, what would be the exact size of the peel you would like.

Thank you,

Hello FX Cachem – For the Posts, the DOM Element is .post-wrap. You can add this DOM element after adding a comma to the previous DOM Element – so it would look like this:

#contents-wrap, .post-wrap

Hope this helps,

Please let us know if we can assist you further,

Thank you,
Jay

Hello FX Cachem – We took a look at your site – Please try the following DOM Element: #contents-wrap

Hope this helps!

Thank you,

Jay

Hello – Welcome to the community :)

Since all themes are built differently and created by various developers, your website structure may be unique compared to most standard WP sites. Luckily, we anticipated such a scenario and it requires a very simple step to address issues with clickable zones or background takeover images being visible for specific WordPress themes. Please follow the instructions below:

1. Go to your All Ads page and scroll down until you see a box labeled Advanced Settings.
2. Open this setting box and change the Main DOM Element for clickable area from body to html
3. Click Save Settings.

Please let us know if there is anything else we can help you with today. All the best.