[Resolved] Need to show the full width template on view with Divi

[Author]

Posts

[mouneebS-2]

Hi,

I'm want to show the template in fullwidth in a view. This is the code where I'm adding the template.

[wpv-layout-start]
	[wpv-items-found]
	<!-- wpv-loop-start -->
	<wpv-loop>
		[wpv-post-body view_template="Loop item in Our shows list"]
	</wpv-loop>
	<!-- wpv-loop-end -->
	[/wpv-items-found]
	[wpv-no-items-found]
		<strong>[wpml-string context="wpv-views"]No items found[/wpml-string]</strong>
	[/wpv-no-items-found]
[wpv-layout-end]

The issue is the borders that are in these classes

.et_pb_section.et_pb_section_1.et_section_regular .et_pb_row.et_pb_row_1

When I remove those two classes my problem will resolve. I've written a code in JS editor in loop editor. Here is the JS editor code

jQuery( document ).ready( function( $ ) {
$(".et_pb_section.et_pb_section_1.et_section_regular").removeClass();
$(".et_pb_row.et_pb_row_1").removeClass();
});

By these 2 JS line those classes will remove but it will load the template first shows with the border around template and then remove those 2 class.
I don't want this to be happen, I want to remove those class before it shows to screen/front-end.

Please see this link so you can have an idea:
hidden link

Please provide a better solution for this.

Thank you

[Nigel]

Hi there

Using JS to resolve CSS problems is not ideal.

Those classes come from Divi, yes?

We documented some tips to styling the output of Views, including to be full-width, here: https://toolset.com/documentation/recommended-themes/toolset-divi-integration/matching-divi-styling-using-toolset/#styling-custom-posts-and-post-archives

Do you want to read through that and try it, and if it doesn't help let me know and I can take a closer look.

[mouneebS-2]

Nigel My issue is resolved now. Thank you!