Tagged: events
Hi,
I’m using The events calendar plugin and it was working fine but recently (possibly after doing an upgrade) the buttons for “Previous Events” and “Next Events” have become really large covering the title on the page; likewise same problem when viewing the events in a calendar the buttons for the next and previous month (“November” – “December”). Any suggestions as to how I can make those buttons smaller?
Thanks!
Coralie
Hey cvanwilder!
where can we see those buttons? I couldn’t find them on the website you have provided. Please use a precise link and/or use screenshots to highlight (imgur.com, dropbox).
Regards,
Andy
Hi! It’s in “upcoming events” on the website, have attached a link to the screenshot:
https://www.dropbox.com/s/gdpx45pp7vmn7w7/screenshot.docx?dl=0
Thanks,
Coralie
Hi!
thanks for the screenshot. Use this code in Quick CSS field:
ul.tribe-events-sub-nav {
width: 50%;
}
and adjust as needed.
Regards,
Andy
Hi Andy,
Thanks for your quick reply; that works well for making the buttons smaller but the “next events” button (and next month button) are now in the middle of the screen (again covering up the title – see screenshot link below) – how do I get them further to the right?…
Thanks for your help!
Coralie
Hi!
use this code to move it to the right:
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-right, #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-right {
margin-right: -80px !important;
}
and adjust as needed.
Cheers!
Andy
Hi Andy,
Unfortunately that doesn’t seem to make any difference. Have tried changing the value but no luck… Any other suggestions?
Thanks!
Coralie
Hi!
try this code instead:
#tribe-events-header .tribe-events-sub-nav {
right: -339px;
}
and adjust as needed.
Best regards,
Andy