Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 1, 2018 at 5:36 pm #992491
    eskitaco

    Hello,

    I installed the free version of the Events Calendar plugin and updated the settings but didn’t change any code. The Events Archive styling is very messed up and I really don’t know how to fix it or where to even begin. Would you mind taking a look and helping me fix these issues? Login info is below.

    The Events Archive and Monthly views look nothing like your Church Demo calendar. I would like our to look like that… clean and simple. I also deactivated all other plugins but the issues persisted, and since the site is live, I re-activated all other plugins that we’re using.

    Thank you for your time and efforts.

    August 2, 2018 at 5:46 am #992698
    Rikard

    Hey eskitaco,

    I couldn’t see much difference except the page title was obscured, please try this CSS to change that:

    #tribe-events-bar {
  margin-top:0 !important;
}

    Best regards,
    Rikard

    August 2, 2018 at 3:51 pm #992914
    eskitaco

    Thank you Rikard for the code. That helps show the title, but my calendar still doesn’t look like the Church Demo calendar. See below for the things that I noticed:

    1. The page title appears above the calendar filter bar, but I would like the page title to appear just like the Church Demo, same location and same font size. How can the page title move to just above the actual calendar with the dates?
    Title Bar

    2. Please click ” << July “. The page is messed up as seen in the image. How can this monthly page, and any other monthly pages that may look like this, be fixed?
    July

    3. In addition, ” << July ” is located a little higher above the actual calendar. In the Church Demo example, ” << July ” and “September >> ” are located in line with the page title. How can I achieve this?
    Calendar Months

    4. ” September >> ” link is missing from “August”, so how can someone view events in September?
    September

    Thank you again!

    August 2, 2018 at 7:53 pm #992971
    eskitaco

    Update: #4 is complete. I don’t know how or why, but ” September >> ” just magically started appearing.

    August 7, 2018 at 10:36 am #994298
    Victoria

    Hi eskitaco,

    Moving the title below the filter will require editing plugin’s templates. That’s not rendered from Enfold.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 7, 2018 at 3:15 pm #994453
    eskitaco

    Hi Victoria,

    Thanks for the info. So Enfold edited the plugin’s template for the Church Demo. Good to know. The title can stay where it is since I don’t know how to do that. What about the other issues?

    August 8, 2018 at 12:17 pm #994903
    Victoria

    Hi eskitaco,

    What is the other issue? Can you please explain again?

    Best regards,
    Victoria

    August 8, 2018 at 4:24 pm #995042
    eskitaco

    Please see #992914 from August 2. I think it’s pretty self explanatory. #2 is the only outstanding issue that needs attention. Logins are above.

    Please go to the Calendar and click ” << July” or “September >>”
    July

    When the July monthly view appears, a large blue box appears obscuring “<< June” and “August >>” and also layers over the filter bar. The blue box appears on every monthly view. I have not changed any files or added any code to make this happen. I also deactivated all other plugins but the blue bar still appeared. What needs to be done to remove the blue box from the monthly views?
    Monthly View

    Thank you.

    • This reply was modified 6 years, 3 months ago by eskitaco.
    August 8, 2018 at 10:02 pm #995157
    L

    The same here. It seems that The Events calendar have been updated and the old Enfold styling of the calendar is out of date. Please let us know how to fix the “There were no results found.” visual issue.

    August 10, 2018 at 3:32 pm #996019
    Ismael

    Hi,

    Thanks for the update.

    That is the notices container. This css code should fix it.

    #top #tribe-events-pg-template .tribe-events-notices {
    display: block;
    position: relative;
    width: auto;
    clear: both;
}

    Best regards,
    Ismael

    August 11, 2018 at 3:16 pm #996291
    eskitaco

    That worked… Thank you Ismael!! Please close the topic.

    August 12, 2018 at 6:32 am #996405
    Rikard

    Hi,

    Great, glad you got it working and thanks for the feedback. I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Events Calendar Styling Issues’ is closed to new replies.