Display ads on Container Wrapper

[Nam]

Hi,
Im trying to display ads next to the main site, like this (in red):
How can i do that? (I think the Container Wrapper can do the job, but i don’t know how).
Please, Help me.

Link picture: https://drive.google.com/file/d/19vBJgzoLaa5bqwCor-M4fw8uVEkXQQqS/view?usp=sharing

[Tom]

Hi there,

I think using the wrapper is a good idea.

Then, you can try this as long as the ad container is inside the wrapper:

.site-wrapper {
    position: relative;
}

.your-ad-container {
    position: absolute;
    top: 0;
    left: -200px; /* width of ad */
}

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Nam]

Hi Tom,
I did what you told. But my ad-container keeps getting display: none even i set it
.my-ad-container {
position: absolute;
top: 0;
left: -200px; /* width of ad */
}
Picture
1. https://drive.google.com/file/d/1WkDUI4Q6-3nWAZ1R_4Wee7hMf7unT5Oz/view?usp=sharing
2. https://drive.google.com/file/d/1LsPGVN3MI62GKDR7eJxyD3pp-6CLB_6Z/view?usp=sharing

I try adding display: block (or inline-block) !important; to .my-ad-container but i’t not working either.

[Tom]

There must be some javascript on the page doing that.

You could display: block !important it in the CSS.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Nam]

I have already tried display: block !important.
I gonna take a look at the javascript.
Thank you Tom.

[Tom]

No problem – something is targeting that element and hiding it. Best to deactivate things one by one until you find the culprit.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts