Home › Forums › Calendar Products › Events Calendar PRO › "View As" Not Working Properly
- This topic has 3 replies, 2 voices, and was last updated 10 years, 5 months ago by
Cliff.
-
AuthorPosts
-
November 7, 2015 at 9:14 pm #1022963
Terry Sullivan
ParticipantHi 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;
}
}November 8, 2015 at 8:50 pm #1023126Cliff
MemberHi 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!
November 10, 2015 at 6:08 am #1023678Terry Sullivan
ParticipantThanks Cliff… I really appreciate your help!
~Terry
November 10, 2015 at 8:04 pm #1024002Cliff
MemberGlad it worked!
-
AuthorPosts
- The topic ‘"View As" Not Working Properly’ is closed to new replies.
