Ticket #23053 Public [Closed]

Hide Header

Is there a short code to hide the header month/year?

I have searched and cannot find anything.

I’d like to hide this on our website homepage, but keep intact on our what’s on page, so don’t want to remove from all calendars with a style change.

Many thanks.

BY: daverogers - Jan 10,2017 AT 3:12PM - 5 years ago
    • By: infotainerdave Jan 10,2017 AT 9:31PM - Posted 5 years ago - #23084

      you should be able to do a page specific style change


      something along the lines of

      .page-id-279 .ajde_evcal_calendar #evcal_head.calendar_header #evcal_cur, .ajde_evcal_calendar .evcal_month_line p {
      display: none;

      change the page ID to whatever your number is

    • By: infotainerdave Jan 10,2017 AT 9:36PM - Posted 5 years ago - #23085

      or you could buy http://www.myeventon.com/addons/weekly-view/

    • By: daverogers Jan 11,2017 AT 2:05AM - Posted 5 years ago - #23100

      Hi Dave,

      Fantastic, thank you.

      I am pondering buying the weekly view and full cal adding, just need to become accustomed to the overall plugin.

      With regards the tile layout, is there any way to make it full width on my website, without the borders at the side?



    • By: infotainerdave Jan 11,2017 AT 9:21AM - Posted 5 years ago - #23140

      if you could provide wp-admin username and paswword would be handy- as it depends on how you create your page- if you could post private we can get in there and see how your site is set up and how the calendar is added to the pages without getting in there we can’t diagnose very accurately

      but you could try adding: (it might work)

      .responsive .container {
          max-width: 100%;
      to your theme CSS (not eventon styles) as it is the theme that is making it appear ….not full width see screenshot (I added it to firtefox firebug to see what it would look like- if you don’t know what that is it is a tool to see what css changes will look like without effecting the live site- good for css diagnosis


    • By: infotainerdave Jan 11,2017 AT 9:23AM - Posted 5 years ago - #23142

      Although that css I gave you may stuff up other things on the site


      you would probably want to do

      .page-id-279 .responsive .container {
      max-width: 100%;

      (add your ID number)

      But I am not sure if it will work without knowing how the pages are set up

    • By: infotainerdave Jan 11,2017 AT 9:44AM - Posted 5 years ago - #23147

      OK I have noticed an error in the backend with editing the front page when I click to edit for example the tiled eventon area I get something stuck to my mouse


      so you will want to upload this file


      to your ../eventon/ajde/ folder in your website to fix this bug and then we can fix the width problem (this bug also effects your menu- items get stuck on the mouse when you click on a menu item in the backend)

    • By: daverogers Jan 11,2017 AT 9:49AM - Posted 5 years ago - #23149

      OK, i have uploaded the file as requested and overwritten the old file.


    • By: infotainerdave Jan 11,2017 AT 11:26AM - Posted 5 years ago - #23162

      OK FYI

      I went into

      enfold>>>>general layout>>>>maximum container width and set it to 100% it was something like 1131 pixels (I don’t actually remember) but making it 100% has solved the problem

    • By: daverogers Jan 11,2017 AT 11:41AM - Posted 5 years ago - #23163


      When I look at the website i still see the borders down the side of the page as per attached image.

      Am i missing something to make the tiles reach the full width of the responsive site without the two white areas down the side?

      I really appreciate your assistance.


    • By: infotainerdave Jan 11,2017 AT 12:19PM - Posted 5 years ago - #23168

      OK I think I got it

    • By: daverogers Jan 11,2017 AT 12:38PM - Posted 5 years ago - #23169

      Thanks Dave.

      Is this the code that does that, or is it somewhere else?

      It’d be useful to know what code changes/settings are adjusted.

      .page-id-1011 .ajde_evcal_calendar #evcal_head.calendar_header #evcal_cur, .ajde_evcal_calendar .evcal_month_line p {
      display: none;
      .page-id-1011 .ajde_evcal_calendar.boxy.box_3 .eventon_list_event, .ajde_evcal_calendar.boxy.box_3 .evoShow_more_events {
      width: 33.333%;

      It works perfectly in a full-size browser, for the tile layout, but not for the non tile normal calendar list, and is also odd on mobile devices.

      thanks again.


    • By: daverogers Jan 11,2017 AT 12:49PM - Posted 5 years ago - #23172

      Hey Dave,

      I fixed the mobile device view. 🙂

      had to remove this code:

      .page-id-1011 .ajde_evcal_calendar.boxy.box_3 .eventon_list_event, .ajde_evcal_calendar.boxy.box_3 .evoShow_more_events {
      width: 33.333%;

      would still be useful to know how you removed the border at the page edges.

      this would let the list view have a border if I chose that as the primary view.

      Thank you.

    • By: daverogers Jan 11,2017 AT 3:40PM - Posted 5 years ago - #23182

      Thank You, I found the code 🙂


    • By: infotainerdave Jan 11,2017 AT 6:17PM - Posted 5 years ago - #23187

      OK I added

      @media screen and (min-width: 768px) {
      .page-id-1011 .ajde_evcal_calendar.boxy.box_3 .eventon_list_event, .ajde_evcal_calendar.boxy.box_3 .evoShow_more_events {
      width: 33.333%;

      to eventon >>>>styles

      what this does is only for desktop does it stretch from side to side- but on mobile it looks like it should look on a mobile


      so in the future if you ever want to add css to the site but only to effect the desktop add

      @media screen and (min-width: 768px) {
      Insert desktop only css here

      if you want something only to effect the mobile view add this

      @media (max-width: 600px) {
      Insert mobile only css here


You must login to reply to this ticket


Welcome to EventON helpdesk.

EventON is the #1 Best selling event calendar plugin for WordPress websites in envato marketplace.

Checkout EventON