"View As" Not Working Properly

Home Forums Calendar Products Events Calendar PRO "View As" Not Working Properly

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1022963
    Terry Sullivan
    Participant

    Hi Cliff,

    I added the below CSS code to edit the highlight color of my event calendar to match my site color, but the View As doesn’t work when I add this code. Can you please adjust my coding below to fix this issue?

    Thank you!

    ~Terry

    /*Edit mobile logo width*/
    @media screen and (max-width:774px){
    header.side #logo img{
    max-width:200px!important;
    }
    }
    /*Hide author name in About the Author box*/
    .aut-t > h3:nth-child(1) > a:nth-child(1){
    display:none!important;
    }
    /*Hide author name*/
    .bSe ul {
    display: none !important;
    }
    /* Hide breadcrumbs*/
    .brd {
    display: none!important;
    }
    /*Set background color for selected day in event calendar*/
    #tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=”submit”], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=”tribe-events-daynum-“], .tribe-events-calendar td.tribe-events-present div[id*=”tribe-events-daynum-“] > a{
    background-color: #24447b!important;
    }
    /*Set background color for selected day in event calendar on mobile*/
    @media screen and (max-width:774px){
    #tribe-events-content .tribe-events-calendar td.tribe-events-present.mobile-active:hover, .tribe-events-calendar td.tribe-events-present.mobile-active, .tribe-events-calendar td.tribe-events-present.mobile-active div[id*=”tribe-events-daynum-“], .tribe-events-calendar td.tribe-events-present.mobile-active div[id*=”tribe-events-daynum-“] a{
    background-color: #24447b!important;
    }
    }

    #1023126
    Cliff
    Member

    Hi Buzzpro. Thanks for providing your styling.

    I checked http://buzzpro.com/events/ and figured out that this CSS rule is the one making your “View as” options to not display:

    /*Hide author name*/
    .bSe ul {
    display: none !important;
    }

    I didn’t understand your CSS comment (i.e. what author name you were trying to hide), but I’d suggest digging deeper with that CSS rule, if not removing it completely.

    I hope this helps!

    #1023678
    Terry Sullivan
    Participant

    Thanks Cliff… I really appreciate your help!

    ~Terry

    #1024002
    Cliff
    Member

    Glad it worked!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘"View As" Not Working Properly’ is closed to new replies.