Changing the Next Icon in questfox Next Button

The standard NEXT button in questfox appears to be boring sometimes. You can change the colors and the mouse-over colors including the text under project style and then Next-/Back-Button

Additionally you can change the little icon on the right side by adding a css to your project design

This is how you integrate the code for a standard icon

The icon should be around 30 pixels in height. You can also experiment with bigger ones.

.btnNext .btn::after { content: url(“https://linktoyouricon.png”); }

And in case you want to use a different icon for the mouse-over setting this is also possible with the :hover function

.btnNext .btn:hover::after { content: url(“https://linktoyouricon.png”); }

As you can see animated GIFs are also possible

Hope you can make things more beautiful with this little hack.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s