[Support request] Container Full-Width Isn’t Working

[Ravi Dixit]

I didn’t make it live yet. Because I want it to be fixed first.

Is there any way?

[David]

I would need to be able to see a Full Width Post and have a clearer understanding as to what you’re attempting to do.

[Ravi Dixit]

I have shared you a test admin account through the private field.

You can go to Post and Check Interview post at the top.

Don’t publish it, use the preview mode for testing.

[David]

For the Author Box and Comments form you would use this CSS:

.single-post.full-width-content .author-box,
.single-post.full-width-content .comments-area {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

The other elements are created by Elementor – if you can give each a CSS class of is-contained then you could include them too like so:

.single-post.full-width-content .author-box,
.single-post.full-width-content .comments-area,
.single-post.full-width-content .elementor-section.is-contained {
    max-with: 800px;
    margin-left: auto;
    margin-right: auto;
}

[Ravi Dixit]

Thanks a lot, David, you are amazing! It is working as I wanted. But it is not working for the affiliate disclosure section, I have created it using the Hook.

Only one more thing that I want from you, how can I make the comment area background white? See this https://prnt.sc/vesc51

And also how to hide author meta? See this https://prnt.sc/vesd7m

Thanks for your help…

[Leo]

But it is not working for the affiliate disclosure section, I have created it using the Hook.

Where can I see this issue?

Only one more thing that I want from you, how can I make the comment area background white? See this https://prnt.sc/vesc51

And also how to hide author meta? See this https://prnt.sc/vesd7m

Please open separate topics for each of your questions.

Thanks!

[Ravi Dixit]

I have already shared the access to David.

And also this is what I asked at the starting of this tooic. This is relevant to this.

[Leo]

I can see the access but can you link me to the specific page in question?

The comment background and author questions aren’t related to the original topic “Container Full-Width Isn’t Working” so please open new topics for them.

Thanks!

[Ravi Dixit]

Just go to posts and then the first post Interview, it is still in the draft so use the preview version.

[Leo]

Can you wrap the disclaimer notice like this:
<div class="disclaimer">disclaimer notice here</div>

[Ravi Dixit]

Hey Leo!

I have wrapped the affiliate disclaimer as you said.

And tried this CSS:

.disclaimer.full-width-content {
	max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

But it didn’t work.

[David]

You can add it to the existing CSS:

.single-post.full-width-content .author-box,
.single-post.full-width-content .comments-area,
.single-post.full-width-content .elementor-section.is-contained,
.single-post.full-width-content .disclaimer  {
    max-with: 800px;
    margin-left: auto;
    margin-right: auto;
}

[Ravi Dixit]

Thanks, David!

It worked… Can you please reply here https://generatepress.com/forums/topic/how-to-hide-post-author-link-from-full-width-pages/

[Author]

Posts