Thank you for your response.
It’s inside a stacklayout that is in a GridLayout with rows="*"
<StackLayout class="popUp" [visibility]="isSlideshow ? 'visible' : 'collapse'" row="0" verticalAlignment="center" horizontalAlignment="center">
<GridLayout *ngIf="isSlideshow" [carousel]="images" rows="*" carouselLabelOverlay="true" carouselSpeed="2500"> </GridLayout>
I managed to get it to work.
Apparently the styles for the slider have to be in the app.css file and not within the component stylesheets.
Perhaps there is something else in the project that stops the component styles from being used, but I it’s working now the way i need it with the styles in the app.css file.
I realised this after checking the demo app for the plugin and seeing where they had put the styles.
The styles i used: