Shortcode bootstrap code column change


There is a problem with the mobile layout in the list view. The col-md from Bootstrap creates problems on some mobile layouts. In order to prevent this, I want to change this field as col-lg. Is there a simple way to do this? Otherwise, I will deal with the codes myself.

[hivepress_listings columns="4" number="9"]

In the above example it comes as col-md-4 which is “4”. Is it possible to make this as col-lg-4?


The solution to the problem is these friends for mobile:

.hp-listing--view-block .hp-listing__attributes--primary:not(:last-child) {
    margin-right: 1rem;
    display: flex;
    flex-wrap: wrap;

Thanks for sharing! We don’t use Bootstrap and all CSS classes are prefixed with hp- so there should be no conflicts, but maybe Bootstrap is added by the theme you’re using.


I said because your table structure is in bootstrap structure. Corrected from CSS.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.