change positions and translate labels

brkard
Home / MB Frontend Submission / change positions and translate labels

Custom Fields
Re-Envisioned › Support › MB Frontend Submission › change positions and translate labels

  • This topic has 5 replies, 4 voices, and was last updated 1 year ago by Benj.
  • Creator
    Topic
  • December 22, 2017 at 5:34 PM #7944
    Resolved brkard
    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.

  • Creator
    Topic
Viewing 5 replies - 1 through 5 (of 5 total)
  • Author
    Replies
  • December 23, 2017 at 3:50 PM #7961
    Anh 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
    brkard
    Participant

    it works with that custom css..thanks.

    April 11, 2020 at 2:36 AM #18972
    Benj
    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 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
    Benj
    Participant

    Thanks, that did it.

  • Author
    Replies
Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.