How Can I add my custom icon to next button

  • Resolved zirekx

    (@zirekx)


    3 years ago

    Hello, I wonder how can i ADD my svg or png arrow to next button on pagination page

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    Hi @zirekx,

    I wonder how can i ADD my svg or png arrow to next button on pagination page

    I’m afraid there isn’t any out of the box setting regarding this at the moment, the plugin only supports changing the button text.

    You can try the following CSS and which should help with adding CSS arrows:

    .forminator-pagination-footer > .forminator-button-next::after {
    content: "\2192";
    margin-left: 14%;
    font-size: 16px;
    
}
.forminator-pagination-footer > .forminator-button-back::before {
    content: "\2190";
    margin-right: 14%;
    font-size: 16px;
    
}

    You can add the CSS via the default WordPress customizer, under Appearance > Customize > Additional CSS.

    If you are looking to add custom svg or png, then please do share a page URL where you have the form, so that we could check if there is any CSS that could be suggested.

    Kind Regards,
    Nithin

    Thread Starter zirekx

    (@zirekx)

    Hmm, Can i Add it directly to code? I have my custom svg icon and I want it to place there. The best solution is to modify directly the code.

    Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    Hi @zirekx,

    Seems like a similar query has already been addressed here:
    https://www.ads-software.com/support/topic/where-is-stored-next-button-code-in-pagination/#post-15426205

    I’ll mark this thread as resolved as stated in the ticket response.

    Regards,
    Nithin

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How Can I add my custom icon to next button’ is closed to new replies.