Qualtrics 2014 3D theme: Remove button gradient and change color

Folks,

Using CSS code snippets posted here, I have managed to change the styling of the next/previous buttons in most survey themes. However, the newest themes ("Qualtrics 3D - Gold" & "Qualtrics 3D - 2014") don't allow me to change the styling of the buttons. Basically, I haven't identified the elements on the page correctly (or am too unfamiliar with CSS). Has anyone managed to change the buttons for those themes (including hover-over style?).

Thanks! Gowanus

Solution

Try this CSS code:

.Skin #Buttons #NextButton, .Skin #Buttons #PreviousButton {
    border: 1px solid #283b9a;
    background: -o-linear-gradient(top,#3876d3 0,#27a3b1 100%);
    background: -ms-linear-gradient(top,#3876d3 0,#27a3b1 100%);
    background: linear-gradient(to bottom,#3876d3 0,#27a3b1 100%);
}

This should help you change the color from red to blue for this survey

To change border color, replace this color: #283b9a
To change background, replace these two colors: #3876d3 and #27a3b1