Categories
Tags
Categories:   All Categories
Suggested keywords
x
New

Shorten title's input textfield in edit view

JEvents (Free Access)
  JEvents (Free Access)
mrad
  mrad
  Friday, 04 September 2020
  3 Replies
  562 Visits
0
Votes
Undo
Hi!

How can I shorten the title's input textfield in the edit view? I am asking because it does not fit the layout on my mobile (see screenshot).

I have tried to experiment with the custom CSS box in the layout editor, such like:

#jevents .inputbox{
size: 20;
}

and

.inputbox{
size: 20;
}

But I did not succeed with that.

Best
Markus
Oldest First  
mrad
mrad
4 years ago
·
#217999
Accepted Answer
0
Votes
Undo
Thanks for your suggestion. It didn't do the trick however, but I could achieve it with this here:

@media only screen and (max-width: 600px) {
#title.inputbox{
width: 100% !important;
}
}
stevec4
stevec4
4 years ago
·
#217998
0
Votes
Undo
You can try this in the jevcustom.css, I would use a % so it scales on all devices.



div.jevtitle  {

width: 100%;

}
mrad
mrad
4 years ago
·
#217999
Accepted Answer
0
Votes
Undo
Thanks for your suggestion. It didn't do the trick however, but I could achieve it with this here:

@media only screen and (max-width: 600px) {
#title.inputbox{
width: 100% !important;
}
}
stevec4
stevec4
4 years ago
·
#218000
0
Votes
Undo
Glad you got it working.
  • Page :
  • 1
There are no replies made for this post yet.