• Resolved MarcL

    (@marclindner)


    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)
  • 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.