color button

  • catheg

    (@catheg)


    9 years, 4 months ago

    I would like to change ALL the buttons of my site (header slider button, call to action button, employee button, …) color, background, hover.

    ALL the buttons have to be the same.

    Thx for your help.

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

    (@kharisblank)

    9 years, 4 months ago

    Hello there,

    You can do that by adding the following CSS snippet into your site’s additional CSS option which resides in the Appearance > Customize > Additional CSS. 

    
.roll-button,
.roll-button.border{
  background-color: #e46b25;
  border-color: #e46b25;
  color: #ffffff;
}

.roll-button:hover,
.roll-button.border:hover{
  background-color: #25e47e;
  border-color: #25e47e;
  color: #e4e125;
}

    Adjust the hex color code as needed.

    Regards,
    Kharis

    Thread Starter catheg

    (@catheg)

    9 years, 4 months ago

    Thx Kharis.
    I had to add !important behind color.

    .roll-button {
    background-color: #00FF00 !important;
    color: #0000FF !important;
    border-color: #00FF00 !important;
    }

    .roll-button:hover {
    background-color: transparent !important;
    color: #0000FF !important;
    border-color: #00FF00 !important;
    }
    And now it’s ok.
    Regards.
    Catherine.

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

The topic ‘color button’ is closed to new replies.