Изменить цвет и размер моей кнопки HTML Eventbrite - PullRequest
Новая
       17

Изменить цвет и размер моей кнопки HTML Eventbrite

0 голосов
/ 04 марта 2019

Eventbrite дал мне кнопку HTML-кода для встраивания на мой сайт Thrive Architect, что я и сделал.Однако кнопка крошечная, серая и не выделяется.Поэтому мне нужно изменить цвет кнопки на зеленый, и мне нужно увеличить размер кнопки.Также я хотел бы сделать шрифт жирным.

Вот код, который они дали мне, и который мне нужно настроить (я пытался настроить его более 24 часов, провел обширные исследования и попробовал его по-своему, но всякий раз, когда я что-то меняю в коде, ясохранить его, это появляется рядом с кнопкой "[/tcb-noscript]

<!-- Noscript content for added SEO --> <noscript><a href="eventbrite.co.uk/e/…" rel="noopener noreferrer" target="_blank"></noscript> <!-- You can customize this button any way you like --> <button id="eventbrite-widget-modal-trigger-57878905364" type="button">Buy Tickets</button> <noscript></a>Buy Tickets on Eventbrite</noscript>
<script src="eventbrite.co.uk/static/widgets/eb_widgets.js"></…> <script type="text/javascript"> var exampleCallback = function() { console.log('Order complete!'); }; window.EBWidgets.createWidget({ widgetType: 'checkout', eventId: '57878905364', modal: true, modalTriggerElementId: 'eventbrite-widget-modal-trigger-57878905364', onOrderComplete: exampleCallback }); </script>

1 Ответ

0 голосов
/ 04 марта 2019

Вам просто нужно добавить CSS, который нацелен на этот элемент.Возьмите идентификатор кнопки и укажите, как вы хотите, чтобы она выглядела.Вот так: 

#eventbrite-widget-modal-trigger-57878905364 {
  font-size: 2rem;
  background: green;
  color: white;
  border: 0;
  border-radius: 25px;
  padding: 5px 20px;
}
<!-- HTML only cut down for the example -->
<button id="eventbrite-widget-modal-trigger-57878905364" type="button">Buy Tickets</button>
...