Wells / Change text for Gallery Pages navigation controls

After some research, I'm using this code:

/*Removes the "/" between the words*/
.collection-type-gallery .meta .gallery-controls#simpleControls {
 visibility: hidden;
}

/*Hides the PREV text*/
.collection-type-gallery .meta .gallery-controls#simpleControls .control.prev-slide {
 visibility: hidden;
}
/*Add the new text*/
.collection-type-gallery .meta .gallery-controls#simpleControls .control.prev-slide:after {
 content:'NEW TEXT HERE';
 visibility: visible;
 position:inherit;
}
/*Hides the NEXT text*/
.collection-type-gallery .meta .gallery-controls#simpleControls .control.next-slide {
 visibility: hidden;
}
/*Add the new text*/
.collection-type-gallery .meta .gallery-controls#simpleControls .control.next-slide:after {
 content:'NEW TEXT HERE';
 visibility: visible;
 position: absolut;

}
/*Hides the SHOW THUMBNAILS text*/
.collection-type-gallery .meta .thumbnail-toggle{
 visibility: hidden;
}
/*Add the new text*/
.collection-type-gallery .meta .thumbnail-toggle:after{
content:'NEW TEXT HERE';
 visibility:visible;
}

It's still a work in progress, there's some weird space that I haven't figured out how to remove