Customize with CSS

You can customize your embedded results using CSS. This allows you to change anything from font size to button colors. There are a lot of options here. This section will give an example of a basic change and explain the process of locating an element to make a small change. Keep in mind that any CSS code that is added in the Online Registration > Basic Settings section will also be applied here. 

Basic CSS Editing

A basic example of changing CSS could be to change the font color of the entire page. We can do this by adding a style to the <html> tag.

<div id="divRRPublish_results2" class="RRPublish"></div>
<script type="text/javascript" src="https://my.raceresult.com/RRPublish/load.js.php?lang=en"></script>
<script type="text/javascript">
    <!--
        var rrp=new RRPublish(document.getElementById("divRRPublish_results2"), 123456, "results");
    rrp.ShowTimerLogo=true;
    rrp.ShowInfoText=false;
    -->
</script>
<style>
    html {
        color: red;
    }
</style>

Here we use the CSS field color to assign a color of red. This will change the color of all text on the page to red, However, if there is text on the page that has its own style then that text will not be overwritten. You will see this with the text link to show all participants.