You are here: Home Support Forums Tags
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
  559 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.

Members Area

Show your support

Unlike many Joomla calendars we do not charge to download JEvents - please show your support for this project by becoming a member of the JEvents Club Club members get access to early releases, exclusive member support forums, and Silver and Gold members can use many exciting JEvents addons

Your membership will ensure that JEvents continues to be the best events calendar for Joomla.