support home

Back to website
Welcome
Login  Sign up
Solved

"floatingPreferencesButton" (Bug + Feature Request)

Hi! 

In order to fully customize the floatingPreferencesButton, there should be an additional id attribute.

Because of excessive use of !important styles in the most specific selector

.iubenda-tp-btn:not([data-tp-nostyle])

it is impossible to override the button's styles with custom CSS .

It is even breaking the documented option

_iub.csConfiguration = {
...
floatingPreferencesButtonRound: false,
...
}

 by adding a border-radius of 4px to the button. 

image



1 person has this problem
  • There should be an additional id attribute so that the floatingPreferencesButton may be fully customised.


    since the most specific selector uses!important styles a lot

  • By what definition is this issue solved?


    1 person likes this
  • Hi Paul, 


    Sadly, It has not been solved. I questioned the support by mail, too. They answered:

    "We do this for safety, so that nothing gets changed unintentionally. And also because some parts are just not supposed to be modified, for legal and/or product reasons."


    I simply cannot understand this reasoning.

  • A particular bugbear of mine. The best practice would be to at least include that information in the bug (rather than just closing it without info) so that anyone searching for the info will find it - saves support a lot of money! See below for a longer rant ...

    After too many decades in the business ... we were always taught that the cheapest form of customer analytics is complaints/issues - you don't have to pay for them and someone really cares to raise an issue. Too many companies these days treat issues as a problem rather than an asset!

  • As a solution you all can target your SASS/CSS like this:


     

    a.iubenda-tp-btn {

      &.iubenda-cs-preferences-link {

      // with !important;

      }

    }

Login or Signup to post a comment