Compose box button

[sharonyue]

I use the following CSS:

.img-upload-btn>i:before {
  content: "传图"
}

.file-upload-btn>span:before {
  content: "传文件"
}

.fa-file-o:before {
    display: none;
}

.fa-arrow-up:before{
    display: none;
}

to change the picture to text. However, I found its not well arranged (not align horizontally ). How to fix this? Thanks

[sharonyue]

Any ideas? Tigers

[crazycells]

@sharonyue said in Compose box button:

Any ideas? Tigers

I guess you try something like this:

.composer .formatting-bar .formatting-group li[data-format="upload"] {
      padding: 5px 5px 5px 5px;
}

change "upload" to whatever the data-format of the button is, and then you can start playing with padding numbers. first one is for above then it goes clockwise (up, right, bottom, left)

Make sure it is the same on mobile, otherwise you can bring some limitation like:

@media (min-width: 769px){
.....
}

[sharonyue]

@crazycells Thank you. I tested it. It works to move the padding. But the position does not move, I dont know why

[sharonyue]

Any ideas?