Hi, I tried using:
<script>
jQuery(document).ready(function(){
jQuery(‘body’).find(‘#grid_view’).trigger(‘click’);
});
</script>
and nothing, I mean, it still looks the column and not the grid by default on v4, please help me with that, I need to show the grid by default and not the column in course directory.
hi
yes, that will not work on v4 you can do it like this:
http://prntscr.com/1t3a3hy
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
Ok, but where can I insert that code, inside custom css or where? I tried there and nothing. could you please explain me better? thanks!
the exact code is here
.wplms_courses_directory_main .wplms_courses_directory.course_card {
grid-template-columns: repeat(auto-fit,minmax(200px,1fr)) !important;
}
add it in Custom CSS section
well, think is I can't see that by default, I mean do I need to clear cache or something? I added it and I still can see the same like before.
hi
just checked on your site
this one will work for you
.course form#course-directory-form div#course-dir-list ul#course-list{
display:grid !important;
grid-template-columns: repeat(auto-fit,minmax(200px,1fr)) !important;
}
add this in the custom CSS section
http://prntscr.com/1tbn2iz
Finallysomething work,s but thing is this, I wanted to look it like the grid you offer, but i testedthis code in another website qhich have thumbnail and description and its looking like this, please see the how I would like to see vs how itis showing up.
Please check using your code: https://prnt.sc/1th5bh5
The way i want it to be shown, sadly there is no button to edit the priority of those buttons, that feture will be great to have so peple can have the sleek way to show the courses: https://prnt.sc/1th5g6d
Hope this could be achievable!
hi
for v4
edit the directory and then select card course card 3 or 4 and select the width of the card and save
also the
CSS here:
.elementor-element .wplms_courses_directory {
grid-template-columns: repeat(auto-fit,minmax(200px,1fr)) !important;
}
now let me know if you want to know anything else
I am sorry, I tested and its not working, take a look: https://prnt.sc/1tsfwpr
What could be hapenning?
hi
please share admin credentials as unable to inspect elements on your site
This reply has been marked as private.
hi
as the page you have shared with us has already the grid view
i think you want to make grid view by default and hide the list view right?
if yes then
Try adding this script also in your footer -> google anaylitics :
<script>
jQuery(document).ready(function(){
$('body').find('#grid_view').trigger('click');
});
</script>
and this to hide list view
form#course-directory-form div#subnav li.switch_view .grid_list_wrapper a#list_view {
display:none
}
Yes i want that grid by drfault, thing is this is not workin, I mean you go to this page:
https://johanzambrano.com/programas/
and If you never cliekced the grid icon you will see the list view by default, that's the issue i am having now i removed the list icon, but when people is arriving for the first time they are stil seeing the list view, I tested in many different browsers and this still happens, could please check it out priperly, this code:
<script>
jQuery(document).ready(function(){
$('body').find('#grid_view').trigger('click');
});
</script>
is not working as it should.
This reply has been marked as private.
Its eirdmaybe its a acache problem, I tried on another computer and I couldnt see it until i pressed the grid button, do youthink is that?
.
