CSS : customize previous and next button

  • Resolved MarcL

    (@marclindner)


    9 years, 4 months ago

    Hello,

    I’m looking to customize the button “previous” and “next” separately, but I’m having a difficult time finding out.

    I find out the classes “wpforms-page-prev” and “wpforms-page-next but did not manage to have any impact.

    I tried the following codes :

    #wrapper div.wpforms-page-prev {
background-color: #ff0000 !important;
}

#wrapper div.wpforms-page-next {
background-color: #0000ff !important;
}

    [Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

    Maybe is there an other class for those buttons?

    Thanks a lot for your help,

    • This topic was modified 9 years, 4 months ago by bdbrown.
    • This topic was modified 9 years, 4 months ago by bdbrown.
Viewing 1 replies (of 1 total)
  • Jared Atchison

    (@jaredatch)

    9 years, 4 months ago

    Since we’re using !important, that’s going to force the property, so there is no need to be “specific” with the CSS rule.

    The rules above aren’t working because the next/prev buttons are not <divs> (which is what you are targeting with div), they are buttons.

    You can drop that all together and that should get it working.

    
.wpforms-page-prev {
background-color: #ff0000 !important;
}

.wpforms-page-next {
background-color: #0000ff !important;
}

    Hope that helps!

Viewing 1 replies (of 1 total)

The topic ‘CSS : customize previous and next button’ is closed to new replies.