Extend text label into one line only?
Extend text label into one line only?
Just created a registration form, and I want to extend a label text to be shown into one line. With CSS inspector found that class is:
.rmagic .rmrow .rmfield label
and when I insert:
width: 600px;
It is working fine, but extends all other fields as well, and I just need the last one. I set a custom class to that field, called posledno
but when I insert it into my custom CSS:
posledno
rmfield.form_1_1-element-18.posledno label
widht:600px;
It doesn't make any changes. How to extend this field ? Page example at the bottom.
1 Answer
1
and I just need the last one
Since you need the last-child of an element, you're better off using the :last-child
selector.
:last-child
Here is what would work:
#rm_form_page_form_1_1_1 .rmfieldset .rmrow:last-child .rmfield label
width: 600px;
background-color: #f00; /** for easier identification */
Although I would recommend using %
instead. (relative to the parent element unit)
%
By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.
Just inserted your CSS, but still see text into 3 lines instead of 1.
– Doroti Henridgz
Aug 19 at 20:37