Global CSS - DS Sites

This SOP is a work in progress. If you notice anything that is out of date, could be more clear or could be more efficient please update the SOP or add a comment to start a conversation.

Purpose

This is the procedure for adding the Global CSS code to the client’s website folder. Said code affects all sites on the Dealer Spike Marketing Platform.

Procedure

Inputs:

Make sure to have credentials for Notepad++
Make sure to connect to a VPN
This method is for Dealer Spike clients only

Step 1: Finding client's website folder

Find the client’s folder on Notepad++

In this example 1stchoiceequipment will be used.

Folders can be expanded or collapsed with double click, selecting and enter, or clicking the arrow on the left.

Documents can be opened with double click or selecting and enter.

Step 2: Opening client's folder

Open client’s folder.

Most sites have similar folders and files.

Step 3: Locating "Includes" folder

Once in client’s folder locate “includes” folder and expand it.

Step 4: Finding and opening "stfHeaderStart.inc" document

Once in the “includes” folder, find and open the document “stdHeaderStart.inc”

The document should look like this:

Step 5: Finding where to put the code

Find these lines of code within the document:

Alternatively, the search function can be used using Ctrl+F and search for “styles.css”

as it should lead to the lines of code needed.

Step 6: Adding the code to the file

Once the lines of code are found, paste the following right below the code mentioned:


<link id="seoStyles" rel="stylesheet" type="text/css" href="/imglib/seo/css/seo-css-v6.css" />

Fill in the [SEO Rep Name] and [Enter Data Added] with Rep name and the date it was added respectively.

Once done should look like this:

It’s important to check if the site is Version 6 (V6) or Version 7 (V7). Depending on the version the code changes slightly. This can be checked in the website’s admin dashboard.

V7 Code:


<link id="seoStyles" rel="stylesheet" type="text/css" href="/imglib/seo/css/seo-css-v7.1.1.css" />

It’s important to add the rep’s and date info as it will tell the rest of the team who and when was the code added as this will tell support and whoever reads the file who to contact in case modifications are needed.

Step 7: Saving the document

Lastly, save the document.

Outputs:

The CSS code is added to the client’s website folder.

FAQs

FAQ...

Answer…