[Resolved] How to display Hours and Minutes on same line as date and changing hour label

[Author]

Posts

[nabils]

Tell us what you are trying to do?
Hi,
I am using date and time field in a form. When I display the form it shows the hour label next to the date but the field is down. I want to make the date and time in the same line or moving the hour label down. How to do that?

[Minesh]

Hello. Thank you for contacting the Toolset support.

It looks like the hour and minute dropdown size needs to be adjusted using custom CSS.

Can you please share problem URL and access details.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Well - without problem URL I cant say anything.

I need problem URL at least where I can see the form with those fields.

[nabils]

In order to view the form you need to login I can provide you with WP admin login access.

[nabils]

Please set the next reply to private

[Minesh]

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Can you please check now.

I've added the following CSS code to your form's CSS box:

.cred-field-date-and-time-of-incident .js-wpt-field-items select.wpt-form-select {
 width:75px !important;
 display:inline-block !important;
}

I can see its working as expected.

[nabils]

My issue is resolved now. Thank you!

[nabils]

How to change the hour label?

[Minesh]

As you are not using the WPML - you can change the Hour and Minute label text using the standard gettext function.

Can you please try to add the following code to "Custom Code" section offered by Toolset:
=> https://toolset.com/documentation/adding-custom-code/using-toolset-to-add-custom-code/
Or
Add it to the current theme's functions.php file:

add_filter( 'gettext', 'func_change_hour_minute_label', 20, 3 );
function func_change_hour_minute_label( $translated_text, $text, $domain ){
    if ($text === 'Hour' &&  $domain == 'wpv-views'){
            $translated_text = 'change Hour text';
    }else if ($text === 'Minute' &&  $domain == 'wpv-views'){
            $translated_text = 'change Minute text';
    }

    return $translated_text;
}

Where:
- Change the Hour and minute text as per your requirement.

[nabils]

My issue is resolved now. Thank you! But I can not close the ticket and it gave me error "Duplicate reply detected; it looks as though you’ve already said that!" since I have closed it before.

[Minesh]

while closing - Can you please try to add some text. My issue is resolved with solution shared, something like that and try to mark resolve this ticket.

[nabils]

Still can not close it. Could you please close it from your side.

[Minesh]

Resolved 🙂