Calendar field width

1 year 4 months ago #1 by Stephen
Calendar field width was created by Stephen
I've managed to change the width of other fields using CSS but the Calendar field is still full width. I used this CSS
.rpx_field input { width: 50%; }
.rpx_field textarea { width: 80%; }
.rpx_field calendar { width: 40%; }

Is there something else I should be doing?

Great contact form BTW :-)

Please Log in or Create an account to join the conversation.

1 year 4 months ago #2 by Christopher Mavros
Replied by Christopher Mavros on topic Calendar field width
Hello Stephen and thank you for posting.
The
.rpx_field input
CSS should have worked. Maybe you can try the following, instead.
If that doesn't work either, then there's probably some other CSS in your site applying a width. You can send me the URL to help.
.rpx_field .field-calendar input { width: 40%; }

Christopher Mavros
mavrosxristoforos@gmail.com
If you like our extensions, please rate us on the JED!

Please Log in or Create an account to join the conversation.

1 year 4 months ago #3 by Stephen
Replied by Stephen on topic Calendar field width
Thanks for the quick reply. It is still full page width. I have discovered that its class+"form-control" that is causing the problem. If I temporarily remove the class using Chrome Inspect it shrinks the field to the required size so I will chase that down. Thanks for your help. I'm transferring a website from J3 to J4 by copying it page by page and it's only a local copy so can't give you a URL yet.

<input type="text" id="rpx_reviewrpx_Date" name="rpx_reviewrpx_Date" value="" class="form-control" data-alt-value="" autocomplete="off">

Please Log in or Create an account to join the conversation.

1 year 4 months ago #4 by Christopher Mavros
Replied by Christopher Mavros on topic Calendar field width
Alright, I understand. The form-control class is standard bootstrap. You can try to set the width using the id instead, then:
#rpx_reviewrpx_Date { width: 40% !important; }

Thanks again.

Christopher Mavros
mavrosxristoforos@gmail.com
If you like our extensions, please rate us on the JED!

Please Log in or Create an account to join the conversation.

1 year 4 months ago #5 by Stephen
Replied by Stephen on topic Calendar field width
Unfortunately that didn't work either. I'll leave it until I've finished the update and the site is live. It looks wrong to have that field full width - but it still works. Thanks for your help so far.

Please Log in or Create an account to join the conversation.

1 year 4 months ago #6 by Christopher Mavros
Replied by Christopher Mavros on topic Calendar field width
No worries. When it's somewhere where it can be reached from the internet, we'll fix it.
It's possibly something explicitly set from the template.
Let me know.

Christopher Mavros
mavrosxristoforos@gmail.com
If you like our extensions, please rate us on the JED!

Please Log in or Create an account to join the conversation.

Moderators: Christopher Mavros