GMS

About

Example HTML and CSS code for the GMS

Copy these bits of code into a HTML boxs, email templates and Plugin CSS areas.

https://www.elegantthemes.com/blog/divi-resources/how-to-share-and-style-code-snippets-in-divi-3-methods

https://blog.hubspot.com/website/how-to-display-raw-codes-on-wordpress-blog-posts

  https://wordpress.org/plugins/syntaxhighlighter/

  https://www.elegantthemes.com/blog/wordpress/code-block

[CSS]

/* BMW CSS plugin changes */

@font-face {
font-family: ‘BMWWebBold’;
src: url(‘/css/fonts/bmwtypewebbo_all.woff’) format(‘woff’), /* Pretty Modern Browsers */
url(‘/css/fonts/bmwtypewebbo_all.ttf’) format(‘truetype’); /* Safari, Android, iOS */
}

@font-face {
font-family: ‘BMWWebBoldItalic’;
src: url(‘/css/fonts/bmwtypewebbo_all-italic.woff’) format(‘woff’), /* Pretty Modern Browsers */
url(‘/css/fonts/bmwtypewebbo_all-italic.ttf’) format(‘truetype’); /* Safari, Android, iOS */
}

@font-face {
font-family: ‘BMWWeb’;
src: url(‘/css/fonts/bmwtypewebli_all.woff’) format(‘woff’), /* Pretty Modern Browsers */
url(‘/css/fonts/bmwtypewebli_all.ttf’) format(‘truetype’); /* Safari, Android, iOS */
}

@font-face {
font-family: ‘BMWWebItalic’;
src: url(‘/css/fonts/bmwtypewebli_all-italic.woff’) format(‘woff’), /* Pretty Modern Browsers */
url(‘/css/fonts/bmwtypewebli_all-italic.ttf’) format(‘truetype’); /* Safari, Android, iOS */
}

/* nav bar background */
.bg-dark {
background-color: #4d4d4d!important;
/* background-color: #343a40!important; */
}

[/CSS]

<p>{Forename} {Surname}</p>
<p>Put your text here.</p>

<p>
{AddtionalInfo1}
</p>
<p>
{AddtionalInfo2}
</p>

<table>
<tr>
<td>Sunday 20 Sept</td><td>17</td>
</tr>
<tr>
<td>Monday 21 Sept</td><td>14</td>
</tr>
</table>