Categories settings doesn’t work

Block 1 is inserted (check page source code) but it has position set off screen so it is not visible:

position: absolute; left: -160px;

absolute: The element is positioned relative to its first positioned (not static) ancestor element:
https://www.w3schools.com/cssref/pr_class_position.asp

If you would like to have sticky ads use something like this:
position: fixed; z-index: 9995; top: 100px; left: 0px;

Hi, thanks for replying.
I have set both category pages, this: https://coloringpages.site/unicorn-online-coloring/
and this: https://coloringpages.site/unicorn-portrait-online/ to show up in the same position. Why in the second category it does not show? The position is the same position. Why it can’t be shown in some categories.

The relative ads work just fine for me. I just want them to show up in other categories ??

By the way, even when trying to set the absolute CSS, the ads are not showing up.
The issue is between the categories settings.

• This reply was modified 5 years ago by moriyonet.

Blocks 1 and 2 are not inserted on post https://coloringpages.site/unicorn-portrait-online/ because they are not enabled for category unicorn-online-coloring
You need to whitelist category unicorn-online-coloring to show them also on this post.

On post https://coloringpages.site/unicorn-online-coloring/ both blocks are inserted as configured.

You can use Log processing debugging function to diagnose insertions:
https://adinserter.pro/documentation/debugging

You can use web inspector to diagnose CSS issues.

Block 1 and 2 are inserted to this post:https://coloringpages.site/unicorn-portrait-online/ and the right category is enabled.
Please see print screens: https://prntscr.com/r7ayjq and https://prntscr.com/r7aysm

Also check through the label blocks and block 1+2 doesn’t show up
Something with the categories settings doesn’t work on my end.

Please help ??

You are right, blocks 1 and 2 are inserted as configured.

They are not visible beacuse you shifted them of of visible viewport (position: absolute; negative left/right position).

Please read my replies above.

This doesn’t make sense to me. ALL category pages has two visible ads with the same settings: (position: absolute; negative left/right position
See example here: https://prntscr.com/r7sg05

The “inner” category pages, such as: https://coloringpages.site/unicorn-portrait-online/ are the same, so I expect the ads to show at the same location.

Why it doesn’t work on inner pages?

It seems that parent container is not the same.
You are using absolute position which depends on the parent container (positioned relative to its first positioned (not static) ancestor element).
If parent container is full-width then negative position will put ads (blocks) off screen.

Use web inspector in the browser to diagnose styles used.

OK. I get it now!
Thanks a lot for the great explanation ??

How do you recommend to set the ads, Should I add additional blocks for the inner category pages or change the setting of the page container?

Maybe the easiest approach would be to use different blocks with different settings for the inner category pages.

You can use page types and lists to limit insertions:
https://adinserter.pro/documentation/wordpress-page-types
https://adinserter.pro/documentation/black-and-white-lists

Thanks a lot, this helps ??
Have a great week…