Call to action CSS

  • wcushen

    (@wcushen)


    9 years, 5 months ago

    Hi there,

    I am using two call to action buttons on my homepage (URL: http://www.tripcandy.com.au/), one in the slider, the other in the footer. They both have the same class where I have applied the following:

    .roll-button {
    background-color: #EB72A6;
    border: 1px solid #EB72A6;
    color: white;
    }

    .roll-button:hover {
    background-color: transparent;
    border: 1px solid #EB72A6;
    color: #EB72A6;
    }

    Yet only the changes are apparent in the top button – what have I missed here?

    Regards,
    W

Viewing 2 replies - 1 through 2 (of 2 total)
  • Kharis Sulistiyono

    (@kharisblank)

    9 years, 5 months ago

    Hello there,

    The additional class name (.border) is assigned to the bottom CTA button. Please use this code: 

    
.roll-button,
.roll-button.border {
  background-color: #EB72A6;
  border: 1px solid #EB72A6;
  color: white;
}

.roll-button:hover,
.roll-button.border:hover {
  background-color: transparent;
  border: 1px solid #EB72A6;
  color: #EB72A6;
}

    Regards,
    Kharis

    Thread Starter wcushen

    (@wcushen)

    9 years, 5 months ago

    Thank you so much!

    W

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

The topic ‘Call to action CSS’ is closed to new replies.