Call to action button/hover font color?

  • Does anyone know how to change the call to action button’s font color? I thought I’d be able to alter it via this code:
    .widget_sydney_call_to_action .roll-button {
    color: #000000;
    }

    .widget_sydney_call_to_action .roll-button:hover {
    color: #ffffff;
    }

    But unfortunately it doesn’t work and as my primary color is white, when the cursor is hovered over it, it becomes a white block. Is there a way to change this?

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello there,

    Your class name selector looks incorrect. Please try this one: 

    
.widget_sydney_action .roll-button {
  color: #000000;
}

.widget_sydney_action .roll-button:hover {
  color: #ffffff; 
}

    Regards,
    Kharis

    Thread Starter gizmo1990

    (@gizmo1990)

    Perfect! Thank you Kharis. Is there a way to find out all the different class name selectors?

    Hello there,

    You can use the web browser’s inspector tool.

    Regards,
    Kharis

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Call to action button/hover font color?’ is closed to new replies.