TOPIC:

Hi
I've created a stylesheet for my LO using the XhibitApp and when I test some of the Accessibility options (e.g. Invert, black on yellow) the icons seem to be shifted to the right (see screenshot attached). Is there a way to fix this?

Thanks
Yvonne

James Roscoe from XhibitApp has provided me with a solution, in case this is useful to anyone else. He says:

This seems to be an odd quirk with more recent versions of Xerte - until we manage to implement a fix on Xhibit, I've worked out that you can apply the following CSS to your project to correct the problem.

#x_footerBlock .x_floatLeft button, #x_footerBlock .x_floatRight button {
padding-right: 41px;
}

Simply add the 'Styles' optional property to the top level of your Xerte project, and paste in the code above.

Thanks James!

This has cropped up again, and the fix that once worked now doesn't. Anyone got any idea how to fix the shifting icons when choosing the Invert option and using an Xhibit stylesheet?

So 5 mins after I posted, a colleague helped me figure this out. A slight tweak to the previous solution.
#x_footerBlock .x_floatLeft button.ui-button, #x_footerBlock .x_floatRight button.ui-button {
padding-right: 41px;
}