0

Im trying to change the link text-decoration only for the events column on my home page to none and trying to change the event details to a white color.

I've tried adding

.calendar-highlights .event-title a { 
   text-decoration: none !important; 
}

This doesn't work. As far as the font color for the event details go I'm completely stumped. Thank you!

http://partners.sbceo.org

Pevara
  • 14,242
  • 1
  • 34
  • 47
Pao Rad
  • 61
  • 1
  • 1
  • 7
  • @ Color - Have you tried `.event-details, .event-details .venue { color: #FFF; }` ? – Evan Aug 12 '14 at 20:08
  • Also check out the DevTools (CTRL+F12 in Chrome) to see what rules are taking precedence (and why). – Casey Falk Aug 12 '14 at 20:09
  • Please add the relevant markup to your questions, so it remains relevant for others after your issue is fixed. – Pevara Aug 12 '14 at 20:47
  • got it to work with the following calendar-highlights .event-details, .calendar-highlights .event-details { color: #ffffff; } calendar-highlights .event-details, .calendar-highlights .event-title a { text-decoration: none; color: #E7C75B; } – Pao Rad Aug 12 '14 at 23:29

1 Answers1

0

EDIT: There seem to be a 'custom-css' file that overwrites your homepage styles. If you can create a new standalone css file, then I suggest adding it after the 'custom-css' file in order for the former to take precedence on the other one:

.calendar-highlights .event-title a{
    text-decoration: none;
}

.event-details, .calendar-highlights span.venue{
    color: #FFF;
}
IndieRok
  • 1,778
  • 1
  • 14
  • 21
  • 1
    Thanks Casey, I wasn't really aware of that. New notions acknowledged. Learned something new yet again! – IndieRok Aug 12 '14 at 20:14