Categories
Categories:   All Categories
Suggested keywords
x
New
 Technical

Toolbar Size

JEvents (Free Access)
  JEvents (Free Access)
jwill
  jwill
  Wednesday, 18 October 2023
  8 Replies
  1.1K Visits
0
Votes
Undo
Is there away to increase the display size of the toolbar (month, week, day, jump to, etc.)?
Oldest First  
jwill set the post as Normal priority — 2 years ago
jwill set the type of the post as  Technical — 2 years ago
geraint
geraint
Tuesday, 24 October 2023 14:46
·
#232706
0
Votes
Undo
Yes using CSS - what is the URL where you have the calendar?
jwill
jwill
Tuesday, 24 October 2023 15:01
·
#232712
0
Votes
Undo
https://www.riversidesnowbirds.com/activities/calendar. While making the whole toolbar larger would be nice, it's mainly the forward and back arrows that I would like bigger.
geraint
geraint
Sunday, 29 October 2023 13:30
·
#232775
0
Votes
Undo
Try adding this to your JEvents custom CSS file 




#jevents_body td.iconic_td {

  width: 110px !important;

}

#jevents_body td.iconic_td  > div

#jevents_body td.iconic_td  > div a {

    width: 110px !important;

}



#jevents_body td.iconic_td div {

  background-size: 100% 100%;

}
jwill
jwill
Sunday, 29 October 2023 23:52
·
#232781
0
Votes
Undo
The CSS above spaced the toolbar items farther apart, but did not increase the size of anything. jeventstoolbar.png
geraint
geraint
Monday, 30 October 2023 09:56
·
#232793
0
Votes
Undo
Sorry part of the change wasn't included in my last post 



#jevents_body div.nav_bar_cal {

  width:100px;

  height:62px;

}


that should give you enough to get you going on other styling you may need
jwill
jwill
Monday, 30 October 2023 20:51
·
#232803
0
Votes
Undo
This increased the month, week, day and Jump Icons, but it didn't increase the forward/back arrows. The small ones are very hard for users to see.

jeventstoolbar2.png
geraint
geraint
Tuesday, 07 November 2023 19:41
·
#232857
0
Votes
Undo 




div.ev_navigation td:not(.iconic_td)  {

  width: 40px;

}

div.ev_navigation td:not(.iconic_td)  img {

  width:30px;

}
jwill
jwill
Tuesday, 07 November 2023 20:07
·
#232862
0
Votes
Undo
Thank you, this solved the problem and will make it much easier for users to move around.
  • Page :
  • 1
There are no replies made for this post yet.