## VIDEO/IMAGE/HTML BANNER/SLIDER
DESKTOP SLIDER ASPECT
WALLPAPER NEIGHBOR BLOCK OVERLAY
FORCE STICKY SLIDER
MARGIN MODE
HTML OVERLAY BACKGROUND
=====================================================
SLIDE ARROW COLOR
SLIDE ARROW BACKGROUND COLOR
SLIDE ARROW ICON FONT
SLIDE ARROW LEFT ICON CODE
SLIDE ARROW RIGHT ICON CODE
=====================================================
INDICATOR TYPE
INDICATOR SIZE
SLIDER INDICATOR MARGIN
INDICATOR BORDER WIDTH
INDICATOR COLOR
INDICATOR BORDER COLOR
INDICATOR ACTIVE COLOR
INDICATOR ACTIVE BORDER COLOR
=====================================================
SUBSCRIPTION SLIDES POSITION
SLIDE INTERVAL
SLIDER PROGRESS BAR BACKGROUND COLOR
SLIDER PROGRESS BAR COLOR
=====================================================
VIDEO OVERLAY
| SLIDE # | 1 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | CRH_Desk_March.jpg |
| SLIDE TOP TEXT - [ text or html ] | |
| SLIDE TOP COLOR - [ hex/class ] | |
| SLIDE TOP CLASSES - [ see reference sheet below ] | font8 font-secondary |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 33% |
| SLIDE MID TEXT - [ text or html ] | |
| SLIDE MID COLOR - [ hex/class ] | |
| SLIDE MID CLASSES - [ see reference sheet below ] | font2 font-secondary |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 33% |
| SLIDE BUTTON LABEL | |
| SLIDE BUTTON LINK | |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 33% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-full h-center-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 3 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | CampbellHyundai_1920x786_new_vehicle_offers.jpg |
| SLIDE TOP TEXT - [ text or html ] | NEW VEHICLE OFFERS |
| SLIDE TOP COLOR - [ hex/class ] | #FFFFFF |
| SLIDE TOP CLASSES - [ see reference sheet below ] | font8 font-secondary |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 33% |
| SLIDE MID TEXT - [ text or html ] | |
| SLIDE MID COLOR - [ hex/class ] | #FFFFFF |
| SLIDE MID CLASSES - [ see reference sheet below ] | font2 font-secondary |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 33% |
| SLIDE BUTTON LABEL | View Offers |
| SLIDE BUTTON LINK | offers/vehicle-offers.html |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 33% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-full h-center-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 5 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | CampbellHyundai_1920x786_detailing_offers.jpg |
| SLIDE TOP TEXT - [ text or html ] | DETAILING OFFERS |
| SLIDE TOP COLOR - [ hex/class ] | #FFFFFF |
| SLIDE TOP CLASSES - [ see reference sheet below ] | font8 font-secondary |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 33% |
| SLIDE MID TEXT - [ text or html ] | |
| SLIDE MID COLOR - [ hex/class ] | #FFFFFF |
| SLIDE MID CLASSES - [ see reference sheet below ] | font2 font-secondary |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 33% |
| SLIDE BUTTON LABEL | View Offers |
| SLIDE BUTTON LINK | offers/detailing-offers.html |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 33% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-full h-center-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 2 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | CRH_MarchMadness_Desk.jpg |
| SLIDE TOP TEXT - [ text or html ] | |
| SLIDE TOP COLOR - [ hex/class ] | #ffffff |
| SLIDE TOP CLASSES - [ see reference sheet below ] | font8 font-secondary |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mid+cta = 100 ] | 33% |
| SLIDE MID TEXT - [ text or html ] | |
| SLIDE MID COLOR - [ hex/class ] | #ffffff |
| SLIDE MID CLASSES - [ see reference sheet below ] | |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 33% |
| SLIDE BUTTON LABEL | |
| SLIDE BUTTON LINK | |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 33% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-full h-center-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 4 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | CampbellHyundai_1920x786_pre_owned_vehicles.jpg |
| SLIDE TOP TEXT - [ text or html ] | PRE-OWNED VEHICLE OFFERS |
| SLIDE TOP COLOR - [ hex/class ] | #ffffff |
| SLIDE TOP CLASSES - [ see reference sheet below ] | font8 font-secondary |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mid+cta = 100 ] | 33% |
| SLIDE MID TEXT - [ text or html ] | |
| SLIDE MID COLOR - [ hex/class ] | #ffffff |
| SLIDE MID CLASSES - [ see reference sheet below ] | font2 font-secondary |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 33% |
| SLIDE BUTTON LABEL | View Offers |
| SLIDE BUTTON LINK | offers/vehicle-offers.html |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 33% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-full h-center-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 6 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | CampbellHyundai_1920x786_service_and_parts.jpg |
| SLIDE TOP TEXT - [ text or html ] | SERVICE & PARTS OFFERS |
| SLIDE TOP COLOR - [ hex/class ] | #ffffff |
| SLIDE TOP CLASSES - [ see reference sheet below ] | font8 font-secondary |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mid+cta = 100 ] | 33% |
| SLIDE MID TEXT - [ text or html ] | |
| SLIDE MID COLOR - [ hex/class ] | #ffffff |
| SLIDE MID CLASSES - [ see reference sheet below ] | font2 font-secondary |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 33% |
| SLIDE BUTTON LABEL | View Offers |
| SLIDE BUTTON LINK | offers/service-parts-offers.html |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 33% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-full h-center-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 1 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | CRH_Mobile_March.jpg |
| SLIDE TOP TEXT - [ text or html ] | NEW VEHICLE OFFERS |
| SLIDE TOP COLOR - [ hex/class ] | #FFFFFF |
| SLIDE TOP CLASSES - [ see reference sheet below ] | font3 font-secondary |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 40% |
| SLIDE MID TEXT - [ text or html ] | |
| SLIDE MID COLOR - [ hex/class ] | #FFFFFF |
| SLIDE MID CLASSES - [ see reference sheet below ] | font1 font-secondary |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 0% |
| SLIDE BUTTON LABEL | |
| SLIDE BUTTON LINK | |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 25% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-full h-center-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 3 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | CampbellHyundai_750x640_pre_owned_vehicles.jpg |
| SLIDE TOP TEXT - [ text or html ] | PRE-OWNED VEHICLE OFFERS |
| SLIDE TOP COLOR - [ hex/class ] | #FFFFFF |
| SLIDE TOP CLASSES - [ see reference sheet below ] | font3 font-secondary |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 40% |
| SLIDE MID TEXT - [ text or html ] | |
| SLIDE MID COLOR - [ hex/class ] | #FFFFFF |
| SLIDE MID CLASSES - [ see reference sheet below ] | font1 font-secondary |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 0% |
| SLIDE BUTTON LABEL | View Offers |
| SLIDE BUTTON LINK | offers/vehicle-offers.html |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 25% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-full h-center-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 5 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | CampbellHyundai_750x640_service_and_parts.jpg |
| SLIDE TOP TEXT - [ text or html ] | SERVICE & PARTS OFFERS |
| SLIDE TOP COLOR - [ hex/class ] | #FFFFFF |
| SLIDE TOP CLASSES - [ see reference sheet below ] | font3 font-secondary |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 40% |
| SLIDE MID TEXT - [ text or html ] | |
| SLIDE MID COLOR - [ hex/class ] | #FFFFFF |
| SLIDE MID CLASSES - [ see reference sheet below ] | font1 font-secondary |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 0% |
| SLIDE BUTTON LABEL | View Offers |
| SLIDE BUTTON LINK | offers/service-parts-offers.html |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 25% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | v-center-half left-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 2 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | CampbellHyundai_750x640_new_vehicle_offers.jpg |
| SLIDE TOP TEXT - [ text or html ] | NEW VEHICLE OFFERS |
| SLIDE TOP COLOR - [ hex/class ] | #FFFFFF |
| SLIDE TOP CLASSES - [ see reference sheet below ] | font3 font-secondary |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 40% |
| SLIDE MID TEXT - [ text or html ] | |
| SLIDE MID COLOR - [ hex/class ] | #FFFFFF |
| SLIDE MID CLASSES - [ see reference sheet below ] | font1 font-secondary |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 0% |
| SLIDE BUTTON LABEL | View Offers |
| SLIDE BUTTON LINK | offers/vehicle-offers.html |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 25% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-full h-center-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 4 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | CampbellHyundai_750x640_detailing_offers.jpg |
| SLIDE TOP TEXT - [ text or html ] | DETAILING OFFERS |
| SLIDE TOP COLOR - [ hex/class ] | #FFFFFF |
| SLIDE TOP CLASSES - [ see reference sheet below ] | font3 font-secondary |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 40% |
| SLIDE MID TEXT - [ text or html ] | |
| SLIDE MID COLOR - [ hex/class ] | #FFFFFF |
| SLIDE MID CLASSES - [ see reference sheet below ] | font1 font-secondary |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 0% |
| SLIDE BUTTON LABEL | View Offers |
| SLIDE BUTTON LINK | offers/detailing-offers.html |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 25% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-full h-center-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
## REFERENCE SHEET FOR SLIDE HTML
SLIDE SOURCE - [ Image Index^, YoutubeID or HTML5 Video Folder Path ]
- image file name : slide source will be set to the image from the carousel widget at top using its file name - [ e.g. "slide.jpg" ]
- youtube id : slide source will be a youtube video by using its embed id - [ e.g. "Zx7HliE_0-Q" ]
SLIDE TOP/MID CLASSES - [ font1-10, weight1-9, italic, underline, superscript, subscript ]
- font1-10 : sets the size of the text from 1:1 to 10:1 - [ e.g. "font2" ]
- weight1-9 : sets the weight (bold/light) of the text from 100 (lightest) to 900 (boldest) - [ e.g. "weight9" ]
- italic/underline/superscript/subscript : will set the corresponding style
SLIDE HTML POSITION CLASS - [ Vertical & Horizontal sets should be input ]
- Vertical : top, v-center or bottom "-" full, half or third - [ e.g. "top-third" sets the HTML to the top of the slide using a 1/3 of its height ]
- Horizontal : left, h-center or right "-" full, half or third - [ e.g. "h-center-half" sets the HTML to the horizontal center of the slide using half of its width ]
- Vertical & Horizontal = "top-third h-center-half"
## SLEEK INTELLISEARCH
Title Text HTML Tag
Condition Background Class Override
Active Condition Background Class Override
Active Condition Text Color Override
Condition Border Color
Search Button Class Override
Inventory Search
## SLEEK MIDBOXES
MidBox Background
MidBox Text Color
Latest Offers
View our incentives & offers on cars and SUVs, and enjoy the latest deals in your area.
Service & Detailing
Schedule an appointment today! We pride ourselves on certified technicians and genuine parts that provide the best service in the industry.
Get Financing
Apply for financing today! It's convinient, secure and you'll get your credit decision right away.
## SLEEK MAP/FORM
Field Height
Map Pin Image
Custom Map Style
Info Window Button Text
## SLEEK SEO TEXT
Top Border Color
Bottom Border Color
SEO Text Background
SEO Text Color
Welcome to Campbell River Hyundai Dealership
We proudly serve Saratoga Beach, Duncan Bay and Quinsam.
Our team would like to thank you for visiting us. We carry new and used Hyundai vehicles as well as other makes and models.
Our first and foremost goal here at Campbell River Hyundai is to make your car-shopping experience to be the best. We’re located in Saratoga Beach, stop by! You will quickly discover the entire staff knowledgeable in all things automotive especially in the Campbell River area.
We proudly offer the very best in new and pre-owned vehicles at Campbell River Hyundai. We maintain an easy-to-use searchable online inventory for customers to start their search. Or talk to our sales personnel, instead, to find that used vehicle of your dreams. Already own a car and looking to keep it running? Bring it to our expert car service and repair department. No job is too big or too small for them. Finally, chat with our financial department. They’ll make sure you get the right car loan or lease for your budget.
We look forward to serving you in all your automotive needs at Campbell River Hyundai!