Hi Cliff,<\/p>\n
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?<\/p>\n
Thank you!<\/p>\n
~Terry<\/p>\n
\/*Edit mobile logo width*\/
\n@media screen and (max-width:774px){
\nheader.side #logo img{
\nmax-width:200px!important;
\n}
\n}
\n\/*Hide author name in About the Author box*\/
\n.aut-t > h3:nth-child(1) > a:nth-child(1){
\ndisplay:none!important;
\n}
\n\/*Hide author name*\/
\n.bSe ul {
\n display: none !important;
\n}
\n\/* Hide breadcrumbs*\/
\n.brd {
\ndisplay: none!important;
\n}
\n\/*Set background color for selected day in event calendar*\/
\n#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{
\nbackground-color: #24447b!important;
\n}
\n\/*Set background color for selected day in event calendar on mobile*\/
\n@media screen and (max-width:774px){
\n#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{
\nbackground-color: #24447b!important;
\n}
\n}<\/p>\n","protected":false},"template":"","class_list":["post-1022963","topic","type-topic","status-closed","hentry"],"yoast_head":"\n