Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #26038

    I got the Pro version of Events Calendar to have more control on events, which then required that I update the free plugin to the latest version as well. Now all the styling on calendars and events has changed and I would like it all to look identical to the way they are supposed to in the theme.

    Are there any updated templates for Incarnation to use the latest versions of Events Calendar, or is there an easy way for me to fix it myself?

    #129085

    Hi,

    Please add this code on your custom.css to override the CSS of the PRO version.

    /* Use Helvetica */
    #tribe-events-calendar-header, .tribe-events-calendar, #tribe-events-content .ical, .events-single #content .ical, a.gmap, .tribe-events-event-list-meta td, .tribe-events-nav, .tribe-events-event-meta, span.back, .eventsListWidget .dig-in, .eventsAdvancedListWidget .dig-in, .gcal-add {
    font-family:"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
    }

    #tribe-events-content {
    position:relative;
    margin-bottom:48px;
    padding:1px 20px;
    }
    .single #tribe-events-content {
    font-size:16px;

    }
    #tribe-events-content.upcoming {
    }

    #tribe-events-content a, .tribe-events-event-meta a:hover{
    text-decoration:none;
    }

    #tribe-events-calendar-header {
    position:relative;
    height: 15px;
    }

    .grid #tribe-events-calendar-header {
    height: 50px;
    }

    .tribe-events-calendar-buttons {
    position:absolute;
    right:0;
    top:6px;
    }
    .upcoming .tribe-events-calendar-buttons {
    top:-24px;
    }
    h2.tribe-events-cal-title {
    padding-left:20px;
    margin-bottom: 0px;
    font-size:21px;
    font-weight:bold;
    position:relative;
    z-index:0;
    }

    .venue-events .tribe-events-event {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0 0 15px !important;
    margin: 0 !important;
    }

    .venue-events h2.tribe-events-cal-title {
    padding-left: 0;
    }

    .venue-events .entry-title {
    text-decoration: none;
    font-size: 18px;
    margin: 15px 0 6px;
    padding: 0;
    line-height: 1em;
    font-weight: bold;
    }

    .upcoming h2.tribe-events-cal-title {
    margin-bottom: 15px;
    }

    h2.tribe-events-cal-title a {
    }
    h2.tribe-events-cal-title a:hover, h2.tribe-events-cal-title a:focus {
    text-decoration:underline !important;
    }
    .tribe-events-month-nav a, .tribe-events-nav a, .back a, .eventsListWidget .dig-in a, .eventsAdvancedListWidget .dig-in a {
    text-decoration:none;
    }
    .tribe-events-month-nav a:hover, .tribe-events-nav a:hover, .back a:hover, .eventsListWidget .dig-in a:hover, .eventsAdvancedListWidget .dig-in a:hover {
    text-decoration:underline;
    }
    a.ical, a.gcal-add {
    font-size:10px;
    padding:0 6px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    float:right;
    text-transform:uppercase;
    letter-spacing:1px;
    text-decoration: none;
    line-height:18px;
    margin-bottom:21px;
    }

    .gcal-add {
    margin-right:9px;
    }

    .tribe-events-calendar-buttons a {
    border-radius:3px;
    display:block;
    float:left;
    font-size:11px;
    font-weight:bold;
    height:24px;
    line-height:24px;
    margin:21px 0 24px 10px;
    padding: 0 9px;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:1px;
    width:auto;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    }
    .tribe-events-calendar-buttons a.tribe-events-button-on {
    background:#666;
    }
    .tribe-events-calendar-buttons a.tribe-events-button-off {
    background:#ddd;
    color:#444;
    }

    .tribe-events-month-nav {
    position: absolute;
    left:0;
    bottom:0;
    z-index:0;
    }
    .tribe-events-prev-month {
    margin-right:5px;
    }
    .tribe-events-next-month {
    margin-left:5px;
    }

    #tribe-events-nav-above {
    margin:5px 0 0;
    }
    .events-archive #tribe-events-nav-below {
    margin:0 0;
    top:-20px;
    position: relative;
    }
    select.tribe-events-dropdown {
    width:auto;
    font-size:11px;
    margin:33px 9px 0 0;
    }

    .singular .tribe-events-event.hentry {
    padding-top: 1em !important;
    }

    .events-archive .post {
    overflow:hidden;
    margin-bottom:0;
    }
    .single-tribe_venue .upcoming .entry-title, .events-archive .upcoming .entry-title {
    margin:15px 0 6px;
    font-size:18px;
    font-weight:bold;
    line-height: 1em;
    padding: 0;
    }
    .events-archive .event-day, .single-tribe_venue .event-day, .venue-events .event-day {
    font-size:12px;
    font-family: inherit;
    }

    .events-archive .hentry {
    margin:0 0 40px 0;
    border-bottom-style:solid;
    border-bottom-width:1px;
    padding: 0 0 27px 0;
    }
    table.tribe-events-calendar {
    margin:18px 0 12px !important;
    clear:both;
    font-size:12px;
    border-collapse:collapse;
    }

    .tribe-events-calendar .daynum, .tribe-events-calendar .daynum a {
    font-size:11px;
    font-weight:bold;
    }

    .tribe-events-calendar th {
    width: 250px;
    height: 10px;
    padding:4px 0;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:1px;
    }
    .tribe-events-calendar td {
    height: 110px !important;
    width:14.28%;
    vertical-align: top;
    padding:0 !important;
    font-size:12px;
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    }
    .tribe-events-calendar td .tribe-events-event {
    padding:6px 9px !important;
    line-height:1.2;
    }
    .tribe-events-calendar td a {font-size:91.7%;}
    .tribe-events-calendar hr {
    border:0 none !important;
    display:block;
    height:1px;
    background-color:#E7E7E7;
    margin:0 9px !important;
    }
    .tribe-events-calendar .tribe-events-event {
    position:relative;
    margin:0;
    border:none;
    }
    .tribe-events-event .entry img.attachment-post-thumbnail {
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    }
    .tribe-events-real-event {
    cursor: pointer;
    }
    .tribe-events-calendar .tribe-events-tooltip {
    position:absolute;
    z-index:1001;
    bottom:30px;
    left:3px;
    width:320px;
    line-height:1.4;
    -moz-box-shadow: 0 0 13px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 13px rgba(0,0,0,0.3);
    box-shadow: 0 0 13px rgba(0,0,0,0.3);
    }
    .tribe-events-tooltip .tribe-events-arrow {
    width:19px;
    height:11px;
    display:block;
    position:absolute;
    bottom:-11px;
    left:20px;
    }

    .tribe-events-calendar .tribe-events-right .tribe-events-tooltip, .tribe-events-calendar tr td:nth-child(n+5) .tribe-events-tooltip{
    left:auto;
    right:3px;
    }
    .tribe-events-right .tribe-events-tooltip .tribe-events-arrow {
    left:auto;
    right:30px;
    }
    .tribe-events-tooltip .tribe-events-event-title {
    margin:0;
    color:#fff;
    background-color:#666;
    font-size:12px;
    padding:0 6px;
    min-height:24px;
    line-height:24px;
    letter-spacing:1px;
    }
    .tribe-events-tooltip .tribe-events-event-body {
    font-size:11px;
    padding:3px 6px 6px;
    border-style: solid;
    border-width:1px ;
    border-top:none;
    }
    .tribe-events-tooltip .tribe-events-event-date {
    font-style:italic;
    margin:3px 0;
    }
    .tribe-events-tooltip .tribe-events-event-thumb {
    float: left;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    background: white;
    margin: 0 10px 0 0;
    }

    .tribe-events-tooltip .tribe-events-event-thumb img{
    display:block;
    }

    .tribe-events-event .post {
    position:relative;
    }
    .eventsListWidget .dig-in{ clear:both; }
    .eventsListWidget .dig-in a{
    text-align: center;
    clear:both;
    display: block;
    padding:4px 4px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    }

    #top .dig-in a, #top .dig-in a:hover{color:#fff;}

    .tribe-events-event-meta .column {
    clear: both;
    padding: 15px 0 15px 0;
    overflow: hidden;
    }

    .tribe-events-event-meta-widget .column:last-child{border-top-style:dotted; border-top-width:1px; padding: 22px 0 0 0;}
    .tribe-events-event-meta-widget .column:empty{display:none;}

    .tribe-events-event-meta dt {
    float:left;
    clear:left;
    font-weight:bold;
    width:70px;
    margin-bottom: 10px;
    }
    .tribe-events-event-meta dd {
    margin-bottom: 10px;
    margin-left: 70px;
    }
    .tribe-events-event-meta .gmap, .tribe-events-event-meta-desc .gmap {
    font-size:10px;
    font-weight:normal;
    padding:4px 4px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    white-space:nowrap;
    }

    span.back {
    font-size:12px;
    }
    #tribe-events-loop {
    font-size:13px;
    clear:both;
    }
    .tribe-events-events .tribe-events-event-entry {
    width:60%;
    float:left;
    padding:0 5% 0 0;
    }

    .tribe-events-events .tribe-events-event-list-meta {
    float:right;
    border-left-width:1px;
    border-left-style:solid;
    padding:0 0 0 4%;
    width:30%;
    font-size:12px;
    margin-bottom:0;
    top:-3px;
    position: relative;
    }
    .tribe-events-event-list-meta table {border-collapse:collapse; border: 0 !important; margin:2px 0 0 0;}
    .tribe-events-event-list-meta tr { border: 0 !important; }
    .tribe-events-event-list-meta td {
    vertical-align:top;
    padding: 0 0 4px 0 !important;
    text-align:left;
    border: 0 !important;
    }
    .tribe-events-event-meta-desc {
    font-weight:bold;
    padding-right:12px;
    width:64px;
    }
    h4.tribe-events-event-day {
    font-weight:bold;
    font-size:18px;
    margin:12px 0 -3px;
    clear:both;
    }
    h4.tribe-events-event-day + .post .entry-title {margin-top:6px;}
    #eventbrite-embed {
    width:100%;
    min-height:225px;
    margin:24px 0;
    }
    #tribe-events-nav-below .tribe-events-nav-previous {
    float:left;
    }
    #tribe-events-nav-below .tribe-events-nav-next {
    float:right;
    }
    .view-larger-map {
    font-size:13px;
    text-align:right;
    margin-bottom:1em;
    line-height:16px;
    }
    .clearfix:before, .clearfix:after { content: ""; display: table; }
    .clearfix:after { clear: both; }
    .clearfix { zoom: 1; }
    .tribe-events-error {display:none;}
    .tribe-events-multi-event-day {color: #0F81BB;}

    #tribe-events-events-picker, #tribe-events-picker {
    display:inline;
    }
    .eventsListWidget li, .singular.page li.hentry, .eventsAdvancedListWidget li, .singular.page li.hentry {
    margin:6px 0 !important;
    padding: 0 0 10px 0 !important;
    }

    .eventsListWidget .when{font-size:10px;}
    .eventsListWidget li{border-bottom-style:dotted; border-bottom-width:1px; }
    .navlink{
    width:30%;
    padding-bottom:10px;
    }

    .tribe-previous{
    float:left;
    clear:both;
    }

    .tribe-next{
    float:right;
    text-align:right;
    }

    /*===== Sidebar Calendar Widget =====*/
    .widget #calendar_wrap {
    width:100%;
    }
    table.tribe-events-calendar-widget {
    width:100%;
    table-layout:fixed;
    margin-top:0;
    }
    .events_calendar_widget h4.cal-header {
    margin:12px 0 0;
    }
    h4 .tribe-view-all-events {
    float:right;
    }
    .tribe-events-calendar-widget th {
    font-size:10px;
    background-color:#e8e8e8;
    color:#555;
    width:14.28%;
    }
    .tribe-events-calendar-widget td {
    height:auto !important;
    text-align:center;
    }
    .tribe-events-calendar-widget td .tribe-events-event {
    padding:6px 0;
    background-color:#f9f9f9;
    }
    .tribe-events-calendar-widget .daynum, .tribe-events-calendar-widget td a {
    font-size:10px;
    }
    .tribe-events-calendar-widget td a.tribe-events-mini-has-event {
    color:#06c;
    cursor:default;
    }
    .tribe-events-calendar-widget .tribe-events-tooltip {
    width:100px;
    left:0;
    text-align:left;
    padding:5px 10px;
    }
    .tribe-events-calendar-widget .tribe-events-right .tribe-events-tooltip {
    right:0;
    }
    .tribe-events-calendar-widget .tribe-events-tooltip .tribe-events-arrow {
    left:4px;
    }
    .tribe-events-calendar-widget .tribe-events-right .tribe-events-tooltip .tribe-events-arrow {
    left:auto;
    right:3px;
    }
    .tribe-events-calendar-widget h5 a {
    font-size:11px;
    }

    /* Fixes for rich snippets */
    .event .entry-title {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    padding: inherit !important;
    }

    .updated-info {
    text-indent: -9999px;
    height: 0;
    }

    /* 2011 needs more calendar room */
    .events-archive .entry-content, .events-archive .entry-header { width: 98%; }
    .events-archive .tribe-events-event-entry { width: 60%; }

    /* IE7, I love to hate you */
    *+html .events-archive h2.tribe-events-cal-title {
    padding-bottom:30px;
    }
    *+html .events-archive .upcoming h2.tribe-events-cal-title {
    padding-bottom:0;
    }
    *+html #tribe-events-calendar-header {
    margin-bottom:30px;
    }

    /* Event-Passed styling */
    #top .event-passed {
    background: #D9EDF7;
    border: 1px solid #BCE8F1;
    color: #3A87AD;
    margin: 10px 0 18px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }

    /* Promo-Banner styling */
    p.tribe-promo-banner {
    font-size: 12px;
    color: #999;
    }

    p.tribe-promo-banner a {
    color: #666;
    }

    /*additions*/
    #top #tribe-events-calendar-header {
    height:auto;
    }

    .tribe-events-month-nav, .tribe-events-calendar-buttons{
    position: relative;
    left: 0;
    bottom: 0;
    top:0;
    clear:both;
    }

    .tribe-events-calendar-buttons{
    padding:20px 0;
    display: block;
    text-align: center;
    }

    .tribe-events-calendar-buttons a{
    display:inline;
    float:none;
    height:auto;
    padding:5px 9px;
    margin:0;
    }

    #top .tribe-events-month-nav{
    width:100%;
    display:block;
    border-bottom-style:solid;
    border-bottom-width:1px;
    float:left;
    padding-bottom:25px;
    }

    #top .tribe-events-prev-month, #top .tribe-events-next-month{
    float:left;
    display:block;
    width:15%;
    margin:3px 0 0 0;
    }

    #top .tribe-events-next-month{
    float:right;
    text-align: right;
    }

    #top #tribe-events-events-picker{
    float:left;
    width:70%;
    display:block;
    margin:0;
    }

    #top #tribe-events-events-picker select{
    min-width:30px;
    display:inline;
    width:49%;
    margin:0;
    }

    .avia_calendar_title{
    display:block;
    clear:both;
    text-align: center;
    margin:20px 0;
    }

    #tribe-events-events-year{float:right;}

    .ajax-calendar-loading {
    position: absolute;
    z-index: 1000;
    left: 50%;
    margin-left: -15px;
    padding: 5px;
    background: white;
    -moz-border-radius:33px;
    -webkit-border-radius:33px;
    border-radius:33px;
    top: -40px;
    }

    #tribe-events-content {
    position: relative;
    margin-bottom: 0;
    padding: 1px 0;
    }

    .template-event-single .post-entry{
    overflow: hidden;
    }

    .template-event-single .comment-entry{
    border-top-style:solid;
    border-top-width:1px;
    padding-top:20px;
    margin-top:20px;
    clear:both;
    }

    .fullsize_only_details{
    display:none;
    }

    .fullsize .fullsize_only_details{
    display:block;
    }

    #top .tribe-events-event-meta .widgettitle{
    }

    .tribe-events-event-meta .event-label-address{
    }

    .tribe-events-event-meta .event-meta-address{

    }

    .events_navigation_block div{
    width:33%;
    float:left;
    padding:1px 0;
    }

    .events_navigation_block a{text-decoration: none;}
    .events_navigation_block a:hover{text-decoration: underline;}

    .events_navigation_block{padding-bottom:10px; margin-bottom:20px; border-bottom-style:solid; border-bottom-width:1px; overflow: hidden;}
    .events_navigation_block .eventslink-back{text-align: center; border-right-style:solid; border-right-width:1px; border-left-style:solid; border-left-width:1px;}
    .events_navigation_block .eventslink-next{text-align: right;}

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {

    .responsive #top .sidebar .tribe-events-event-meta-widget, .responsive #top .sidebar .event-passed{
    display:none;
    }

    .responsive #top .fullsize_only_details{
    display:block;
    }
    .responsive #top .tribe-events-calendar th, .responsive #top .tribe-events-calendar td:empty{display:none;}
    .responsive #top .tribe-events-calendar td {
    height: auto !important;
    width: 100% !important;
    max-width: 10000px;
    padding: 0 !important;
    border-style:solid;
    border-width:1px;
    display: block;
    margin-top:-1px;
    min-height:51px;
    }

    .responsive #top .tribe-events-calendar .tribe-events-tooltip{
    right:auot;
    left:3px;
    }

    .responsive #top #tribe-events-events-picker{
    position: absolute;
    width:100%;
    top:0;
    }

    .responsive #top .tribe-events-prev-month, .responsive #top .tribe-events-next-month {
    width: 45%;
    top:135px;
    z-index: 10;
    position: absolute;
    left:0;
    }

    .responsive #top .tribe-events-next-month{
    right:0;
    left:auto;
    }

    .responsive #top .tribe-events-month-nav{
    min-height: 25px;
    }

    .responsive #top .ajax-calendar-loading {
    right: 100%;
    left:auto;
    }

    .responsive .tribe-events-event-list-meta{
    border-left:none;
    padding:0;
    width:100%;
    }

    .responsive .tribe-events-event-entry{
    width:100%;
    padding-right:0;
    }

    }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {
    .responsive #top .tribe-events-prev-month, .responsive #top .tribe-events-next-month {
    top:153px;
    }

    .responsive .avia_calendar_title {
    top: -20px;
    position: relative;
    }

    .responsive #top .ajax-calendar-loading {
    top: -14px;
    }
    }

    Regards,

    Ismael

    #129086

    Thanks for this, unfortunately either I am doing this incorrectly or it is not a functional fix.

    Here is what I have tried.

    1. Placed the above code into custom.css in the incarnation/css folder. This yielded no result

    2. Placed the above code into incarnation/tribe-events/tribe-events.css. No result

    3. Placed the above code into incarnation/tribe-events/pro/tribe-events.css. No result

    The Calendar Pro documentation says to put override css in a tribe-events folder inside the theme, but that isn’t working either.

    #129087

    In addition now I have tried putting the code in the following locations with no result. These ideas were all based around documentation in TEC Pro 3.0

    incarnation/tribe-events/pro/tribe-events-pro.css

    incarnation/tribe-events/pro/tribe-events-theme.css

    #129088

    Hi neurovurt,

    Can we see the site live? As of right now the theme hasn’t gotten an update to officially support Tribe Events 3.0 so it *may* require a theme update to fix but maybe we can help by inspecting your site live.

    Regards,

    Devin

    #129089

    Sure, the site is currently at http://www.thecentersf.com/test/events/

    Most of the work I’ve been trying has been based around this doc: http://tri.be/support/documentation/events-calendar-themers-guide/

    But even with overriding calendar templates you can see the event displays are currently not working at all.

    #129090

    For now, I would suggest reverting to the previous version of Events Calendar until the theme has been updated to support 3.0. I’ll tag the topic for Kriesi as well since I’m not really sure if he has plans for that right now or if its already in the works.

    Regards,

    Devin

    #129091

    Hi, I’m also experiencing this issue. Updated to The Events Calendar PRO, and calendar design isn’t displaying properly. Looking forward to the update. Thanks.

    #129092

    Hi dialogues,

    Just as an general fyi we don’t have an estimated release or if an update to support the new release is actually in the works. Typically Kriesi does update to support plugin updates but with it being built it I can’t say for sure this time.

    Regards,

    Devin

    #129093

    Hey! Problem in this case is that the updated version of the plugin is coded in a way that does not allow a similar integration into the theme as the previous version. thats why for now, we can update the theme yet. Hopefully one of the next plugin versions will add a few additional hooks so we can switch as well :)

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Event templates broken after upgrading Events Calendar Pro’ is closed to new replies.