[Resolved] Adding a CSS class and/or ID to an entire view block

[Author]

Posts

[Levy]

I am able to use the "Advanced" setting to add classes and/or IDs to blocks within a view or view loop, but can't figure out how to do so at the entire View block level.

I'd expect that in the View block settings (along w/ Custom Search, Query Filter, etc) there'd be one to add a class or ID to the whole wrapper class.

Please let me know if I'm missing this or if there's an alternate way.

My goal is to target this selector...

`.js-wpv-loop-wrapper > div`

... with something more precise.

Any advice appreciated.

[Minesh]

Hello. Thank you for contacting the Toolset support.

I do not see a way to add a additional class to the div with class name:`.js-wpv-loop-wrapper > div`

You may file a feature request for the same to allow users to add a custom CSS ID or Class to Loop Output section. You can file a new feature request using the following form:
=> https://toolset.com/home/contact-us/suggest-a-new-feature-for-toolset/

For now, the only way I can see using which you can assign the custom CSS class to `.js-wpv-loop-wrapper > div` is by adding the custom jQuery/JS code to your view's Custom JS and CSS section.

You should try to add the following code:

jQuery(document).ready(function($){

$(".js-wpv-loop-wrapper").addClass("myclass");

});

Where:
- replace myclass with your CSS class name.