Change fullcalendar link color

Asked

Viewed 480 times

1

Colleagues.

I’m using Fullcalendar for a client application, but I came across a challenge. In the image below (where it is marked with a yellow circle), when you have more than one event on the day, a link appears plus +2, where clicking appears the events of that day, but I need to put the blank link and I’m not getting.

inserir a descrição da imagem aqui

I tried using the following code directly on the page and in the fullcalendar.css file, but only a:Hover worked:

a:link{
    text-decoration: underline; 
    color: #FFF;
}
a:link, a:visited {
    text-decoration: none
    }
a:hover {
    text-decoration: underline; 
    color: #FFF;
    }
a:active {
    text-decoration: none;
        color: #FFF;
}
jquery css
  • 1

    uses the element inspector, discovers which are the classes of the links, or parent elements, and then passes your stylesheet to the last one to be requested (so that your style is processed over other styles passed by libraries), e.g.: .calendar-day a{color:red;}

  • 1

    the class used by them is a.fc-more on the link itself, I just checked

  • 1

    Perfect Murilo. It worked!! Thank you!

  • 1

    answers the question itself with the method used, to avoid closing due to inactivity :)

1 answer

1

According to Murilo Gamboa’s help, I was able to solve it in the following way:

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none;
    color: #FFF;
}

Browser other questions tagged jquery css

You are not signed in. Login or sign up in order to post.