Odds Boxes Styling Tutorial

Read the step-by-step tutorial or watch the video tutorial!

  1. Select an existing style as a starting point

    You can select the Default style or any previously defined style as a starting point.

    At the bottom of the style editing form you have the option to save the selected style or give it a new name and save it as a new style.

  2. Set the colours for the box border and background

    Use the colour selectors to set the colour for the box border and box background

  3. Set the box title parameters

    Choose to show or hide the box title

    Select the text colour and background colour

    Select title font and size

  4. Set the market title parameters

    Choose to show or hide the market title

    Select the text colour and background colour

    Select market title font and size

  5. Set the odds table parameters

    Select the text colour and background colour for the table heading row

    Select the text colour and background colour for odd and even rows

    Select odds table font and text size

    Select odds format: decimal, fractional or american

  6. Select the style for the bookie logos

    You can choose to display normal logos (80px width) or small logos (40px width), depending on how much space you have on your site.

    We recommend using the normal (larger) bookie logos, since they are easier to recognize and only use the small logos if you don't have enough space for your odds boxes.

  7. Set the language settings

    You can choose the language for the boxes associated with this style.

    You can also select “yes” or “no” to System Translations. If you choose “yes”, for any terms you haven't provided a translation for, the system will try to translate using Google Translate API. Failing to do that, it will revert to the English version of the term. If you choose ”no”, for any terms you haven't provided a translation for, the system will default to English and display the term in English.

  8. Set the time zone settings

    You can set a default time zone for the odds boxes that use this style. This allows you to display odds boxes in different time zones, having date and time of events adjusted according to the selected time zone.

    For example: the race at Yarmouth has these races: 15:20 / 15:50 / 16:20 / 16:50;
    - a user in England, with the default time zone (GMT) will see all the races as taking place that day;
    - a user in Perth, with a time zone selected as GMT+8 will see 23:20 / 23:50 as today's races and 00:20 / 00:50 as tomorrow's races which is correct for their time zone.

  9. Set the referral link options

    Choose to show or hide the referral link under your boxes. We recommend you to show this link since this is an opportunity for you to earn extra commissions from the affiliates you refer to our site.

    You can change the text of the referral link.

  10. Save as new style if you want

    If want to save the changes as a new style, insert here the new style name.

    Please note that you cannot save changes to the Default style so if you started from it you will have to save it as a new Custom Style.

  11. Save the style

    Hit SAVE when you're satisfied with the settings!