Can’t overwrite styling cause of inline styling

  • Dear sir/madam,

    Thanks for reading this. Currently experiencing problems with the styling of the plugin.
    We’ve chosen for 4 products to show inside the cart. The plugin applies the following inline styling:

    .br_cart_suggestions.br_cart_suggestions_1873346770 .brcs_product{box-sizing:border-box;width:25%!important;}

    This results in not only responsive issues for example on mobile screen, but also styling overwriting issues. We can’t make the suggestion look like our other products on the shop cause of the way the inline styling is overwriting our CSS.

    Is it possible, that this inline styling will be applied differently so that we can continue using this plugin

    Please let me know.

    Kind regards,

    Brian
    SGNM

    The page I need help with: [log in to see the link]

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

    (@dholovnia)

    Hi Brian,

    There is no problem to overwrite that

    For example to make 2 per row:

    
html .br_cart_suggestions.br_cart_suggestions_1873346770 .brcs_product{
    width:50%!important;
}

    Just add html before the rule and don’t forget to add !important where we have. That is it.

    Regards,
    Dima

Viewing 1 replies (of 1 total)
  • The topic ‘Can’t overwrite styling cause of inline styling’ is closed to new replies.