Topic: hover background and text css

Home Pro Support Forums CSS and Design hover background and text css

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #7232
    Mason Wolf


    I was trying to change the background color to what and text color to black for the hover, after selecting solidcolors. The text changes seem to change the calendar event text ,but I just want the hover text changed to black.

    I couldn’t get the background to change at all.

    Can you please review my css and correct it?

    I did create an ID for the calendar, and that is cup70, but I’m not sure where I would add this.

    @media screen and (min-width: 783px)
    .ics-calendar.solidcolors .event .hover_block {
    background: var(–r34ics–color–white) !important;
    background: #FFFFFF !important;

    .ics-calendar-month-grid .today .day *, .ics-calendar.solidcolors .events, .ics-calendar.solidcolors .events a, .ics-calendar.whitetext .events, .ics-calendar.whitetext .events a {
    color: var(–r34ics–color–black) !important;


    I may need to see your page in a browser myself to provide the best answer here. The first thing I would note is that if you are using the Customizer to change the color palette, the names of the variables (e.g. var(--r34ics--color--white) and var(--r34ics--color--black)) may seem illogical. For instance, you could be configuring --r34ics--color--black to be #FFFFFF in which case the color is actually white even though the variable name has “black” in it. (I’m not saying you are doing this, just providing it as an example. This is why seeing the actual page will help.)

    You might have better luck, when writing custom CSS, just using your own hex color codes directly in your CSS instead of the plugin’s variables.

    Mason Wolf

    Sure. Here is the link.

    You’ll notice the hover background is grey. I’d like that white. And the text on the grey is white, I’d like that black.

    For the background, I tried to change it to white and nothing seemed to happen. Even when adding !important.
    When modifying the text to black, it turned the hover text to black as well as the event text in the calendar. I just wanted the hover text to change colors.

    Let me know what you think. I’ve disabled my css, so what you see are the calendars with the solidcolors activated.


    Mason Wolf

    Hi. Any suggestions? Thanks.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.