SliderProのナビゲーションボタンを文字に変更したい

Question

前提・実現したいこと

時間で切り替わるスライダープロを導入まではできたのですが
ナビゲーションボタンを[春][夏][秋][冬]としたいのですが
cssでの変更の仕方がわかりません。

発生している問題・エラーメッセー

cssでの指定の仕方がわからず、動かせていません。

該当のソースコード

ソースコード
<div class="slider-pro" id="slider1">
    <div class="sp-slides">
        <!-- Slide 1 -->
        <div class="sp-slide">
        <img class="sp-image" src="image/img_food_sld_1.jpg"/>
        </div>
        <!-- Slide 2 -->
        <div class="sp-slide">
            <img class="sp-image" src="image/img_food_sld_2.jpg"/>
        </div>
        <!-- Slide 3 -->
        <div class="sp-slide">
            <img class="sp-image" src="image/img_food_sld_3.jpg"/>
        </div>
        <!-- Slide 4 -->
        <div class="sp-slide">
            <img class="sp-image" src="image/img_food_sld_4.jpg"/>
        </div>

    </div>
</div>

jq
<script>
  $(document).ready(function(){
        $( '#slider1' ).sliderPro({


buttons: true,//ナビゲーションボタン
			breakpoints: {
      2560: {//表示を入れるサイズ
width:'45%',
visibleSize:'auto',
responsive:true,
arrows:true,

      }
    }
});
  });
</script>


### 試したこと


.sp-buttonsで指定するとできると見たのですができません。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。