Cannot change any styling for Button Selector buttons
-
In the Button Selector field, it is impossible to change any styling for the buttons in the Button Selector field.
For instance, changing the background color of the buttons to #ff00ff under Styles/Options in the Designer gives this code in the Settings/Styles:
.rnField_56 .option_item label{background-color:#ff00ff !important;}
There are two problems in this given the existing HTML code for the buttons:
Firstly, what the user wants is to change the background of the entire button and not just the background of the text inside the button, as that would look weird. So for it to work, the “label” element should not be mentioned in the CSS.
Secondly, “.option_item” should be “.rnOptionItem” for it to work.
So this CSS code gives the desired result:
.rnField_56 .rnOptionItem {background-color:#ff00ff !important;}
Whether the bug is in the generated CSS or in the generated HTML for the buttons (or both) I don’t know. But in any case, something is wrong.
Currently it’s only possible to style the buttons by changing the CSS manually.
Using version 1.2.106.
- The topic ‘Cannot change any styling for Button Selector buttons’ is closed to new replies.