Custom Column Size

  • I just want to show product with 2 column in small size devices. I am adding new CSS code but it is not effecting.

    Here is the original code:

    .br_cart_suggestions .brcs_product {
    width:25%!important;
    }

    I just added new CSS with option: width:50%!important; but it is not working. How can i solve this problem. My theme is Woodmart.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Dmytro Holovnia

    (@dholovnia)

    Hello,

    Please provide your site url and explanation what should do to see the suggestions.

    Regards,
    Dima

    Thread Starter musabatas

    (@musabatas)

    Here it is: https://www.sockscrab.com

    I want to change suggested product column based on device.
    For example: On desktop 4 column, on mobile 2 column.

    I want to show only 2 suggested product. And it must be %50 + %50 width.
    Look at this picture:

    Thread Starter musabatas

    (@musabatas)

    Any response?

    Plugin Author Dmytro Holovnia

    (@dholovnia)

    Hello,

    Add this css to make it 2 per row for device with 576px and less:

    
@media (max-width:576px) {
    html .br_cart_suggestions .brcs_product {
        width: 50%!important;
    }
}

    Regards,
    Dima

    Mr Dima, that 50%!important is overriden by 20!important used in Plugin config I think, gets a 2nd place, so dont work.

    Why does plugin default options do use !important :@ Custom CSS won’t work.

    Fixed by editing line 295 of main.php

    Greetings.

    • This reply was modified 5 years, 5 months ago by gatech0.
    • This reply was modified 5 years, 5 months ago by gatech0.
    gatech0

    (@gatech0)

    Same issue on new version..
    Have to remove !important from 292 line main.php

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Custom Column Size’ is closed to new replies.