Meta Box

change positions and translate labels

Support › MB Frontend Submission › change positions and translate labelsResolved

  • This topic has 5 replies, 4 voices, and was last updated 5 years ago by BenjBenj.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 22, 2017 at 5:34 PM #7944
    brkardbrkard
    Participant

    Hi.

    I want to translate labels of post fields Title, Content , Thumbnail etc...

    And also i want the change positions of all labels from left to top. top of the fields.

    Can i do these ?

    Thanks.

    December 23, 2017 at 3:50 PM #7961
    Anh TranAnh Tran
    Keymaster

    Hi,

    Yes, you can do that.

    To move the labels from left to top, you can add some CSS to your theme (in the Customizer > Additional CSS):

    .rwmb-label,
.rwmb-label ~ .rwmb-input {
    width: 100%;
}

    To translate the labels, there are some ways to do that:

    Method 1: translate the plugin using the Loco Translate plugin. Please follow this instruction.

    Method 2: translate the plugin by overwriting the template files. Please follow these steps:

    - Create a folder mb-frontend-submission in your theme.
    - Copy template files for Title, Content, ... that you want to change from MB Frontend Submission's templates folder to the new mb-frontend-submission above, keeping the same folder structure.
    - Modify the new template files, change the field name to something else if you want.

    Then save those files.

    Cheers,
    Anh

    March 12, 2018 at 1:37 PM #8786
    brkardbrkard
    Participant

    it works with that custom css..thanks.

    April 11, 2020 at 2:36 AM #18972
    BenjBenj
    Participant

    Hello,
    I added the custom css to have the label 100% width, the code do show up in page css custom code, still the label stubbornly stay on the left.

    Anyway to enforce that?

    April 11, 2020 at 2:36 PM #18986
    Long NguyenLong Nguyen
    Moderator

    Hi,

    You can try to put the body tag before the class to override the CSS code of the MB plugin

    body .rwmb-label,
body .rwmb-label ~ .rwmb-input {
    width: 100%;
}

    then clear the cache and check it again.

    April 11, 2020 at 5:54 PM #18988
    BenjBenj
    Participant

    Thanks, that did it.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.