CODEWITHSUNDEEP
javascriptreactjsreact-hooksreact-functional-component
LVSS
LVSS

Reputation: 11

React-Calendar-TimeLine is it possible to change the color of text on the header?

Text to be changed

I tried multiple things to change the color of this text without success, I tried using styled components, a className, a direct stylesheet, a style prop on the component, I tried using CustonHeader component that the lib offers but I couldn't wrap my thoughts on how to change the color of this text, anybody can help me on how to do it?

Upvotes: 0

Views: 2656

Answers (2)

abdelrahman aboneda
abdelrahman aboneda

Reputation: 780

.rct-header-root {
  background-color: rgb(5, 87, 120) !important;
}

Upvotes: 0

LVSS
LVSS

Reputation: 11

To Solve this problem you can create a css file and call this class:

.react-calendar-timeline .rct-dateHeader-primary{
   color: black;
}

Upvotes: 0

Related Questions