When you export your in5 content with Back/Next Arrows, you can modify their appearance by adding CSS to the Resources section of the Export HTML5 with in5 dialog (either in5 in5 > Export HTML5 with in5... or to in5 > Easy Export Wizard... and click the Advanced button).
Use any of the following, combine them, or customize them as needed.
Change the position of the Back/Next Arrows:
nav#page-nav > button {
top:10%;
}Modify the position by changing the percentage (e.g. 10% is near the top, and 90% is near the bottom).
Scale the Back/Next Arrows:
nav#page-nav > button {
width:34px;
height:34px;
}Change the values to change the size of the Back/Next arrows.
Apply a blend mode:
nav#page-nav > button {
mix-blend-mode: multiply;
}Set the blend mode* to any of the following:
- multiply
- screen
- overlay
- darken
- lighten
- color-dodge
- color-burn
- difference
- exclusion
- hue
- saturation
- color
- luminosity
*Check https://caniuse.com/css-backgroundblendmode for browser support.
Apply a filter to invert them:
nav#page-nav > button {
filter: invert(1);
}Change the amount of inversion by setting the value inside the parentheses (0 is no inversion, 1 is fully inverted, .5 or 50% is halfway).