Code Snippets by Xitagy
GMS
About
Example HTML and CSS code for the GMS
Copy these bits of code into the HTML boxs, email templates and Plugin CSS areas of the system.
[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>
How to show HTML and CSS code on a web page
The links below explain how to paste working code into a text area of the website.
The main one we use is Code Beautify HTML Encoder and the SyntaxHighlighter Evolved plugin that is described in the link above.
Also have a look at https://www.elegantthemes.com/blog/divi-resources/divi-plugin-highlight-code-snippet-module and https://divibooster.com/code-snippet-module-for-divi-builder/ref/572/
https://blog.hubspot.com/website/how-to-display-raw-codes-on-wordpress-blog-posts
