Попытка изменить JQuery Prev и Next Button

Question

Я пытаюсь изменить расписание, которое я получаю от вызова API.Я могу изменить все в css, кроме кнопки «Предыдущая» и «Следующая».Я не знаю Jquery, поэтому я изо всех сил пытаюсь понять.Было бы полезно, если бы кто-то мог дать мне какое-то направление или пример -

В настоящее время я изменил его, чтобы он выглядел так, хотя я не могу изменить кнопку, потому что я не уверен, где это генерирование и как поставитьновая иконка между этими двумя кнопками div -

Я пытаюсь добиться этого -

Следующие js используются для вызова API и создания еженедельного просмотра в течение следующих 12 недель.-

drupal_add_js(
'https://api3.libcal.com/js/hours_grid.js?002',
array(
  'type' => 'external',
  'scope' => 'footer',
)
);
drupal_add_js(
'(function($) { 
  var week0 = new $.LibCalWeeklyGrid( $("#s-lc-whw0"), { iid: 1131, lid: 0,  weeks: 12 }); 
  })(jQuery);',
array(
  'type' => 'inline',
  'scope' => 'footer',
)
);

Пожалуйста, дайте мне знать, если понадобится какая-либо другая информация.

Answer 1

Похоже, вы должны иметь возможность стилизовать стрелки с именами классов CSS на кнопках:

.s-lc-vhw-pr {
  /* styles for previous button */
}

.s-lc-vhw-ne {
  /* styles for next button */
}

Если поместить значок между двумя кнопками, вы можете попробовать использовать псевдо-CSSэлемент ::after после первой кнопки, чтобы он отображался там, если это только визуальный элемент.

.s-lc-vhw-pr::after {
  /* can create a placeholder element which would have the calendar icon as a background image */

}

Вот грубый пример: https://jsfiddle.net/g9r5g8x0/