AutoPlay VDP ( Vehicle Display Page) CSS Style Guide
Overview
Below is a stepped guide as to the colour editable options of the VDP Page. Some of these elements below control the colours in multiple areas across the different pages, so please apply these carefully. The headers below are taken directly from the CSS file options
Options that are being affected are highlighted in Pink through the series of screenshots.
generalTextColor
Search Page: Reset Filters Link
ctaTextColor
generalFillColor
Detail Page: Anchor point icons
backgroundHoverColor
borderColor
backgroundColor
Search Page: Favourites button fill and Heart icon
Search Page: Pagination button fill
borderColorLight
backgroundColorLight:
generalTextColorLight
generalTextColorVeryLight
borderColorDark
backgroundDark
generalTextColorDark
bodyColor
saleBanner
Search Page: Special Banner
searchFilterLabels
Search Page: Filter Labels, Filter Chevrons and Sort By text
searchFilterText
Search Page: Search box text, Sort options
searchButtonFillText
Search Page: Search box Selected options text
searchButtonFill
Search Page: Search box selected option fill
searchButtonText
searchButtonBorder
Search Page: Search Option Bubble border
searchGridBorder
Search Page: Search box grid border
searchResultCountColor
Search Page: Search Results Count
vehicleCardBorder
Search Page: Vehicle Search card and Favourites border
Detail Page: Favourites Border
vehicleKeywordBorder
Search Page: Vehicle Key Info Bubble border
vehicleKeywordText
Search Page: Vehicle Key Info text
vehicleTitleText
Search Page: Vehicle Title
Detail Page: Vehicle Title
vehicleVariantText
Search Page: Vehicle Variant
Detail Page: Vehicle variant'
vehiclePrice
Search Page: Vehicle Price
Detail Page: Vehicle price
vehiclePriceSpecial
Search Page: Vehicle Special price
Detail Page: Vehicle special price
vehiclePriceORC
vehicleIconColor
Detail Page: Vehicle Icons
insertBackgroundColor
Search Page: Price box shadow
Detail Page: Icon box shadow and insert shadow
imageSliderControlsBackground
Search Page: Image Controls
Detail Page: Image Controls
enquiryButtonBackgroundColor
Search Page: Enquire button Fill
Detail Page: Enquire button fill
enquiryButtonText
Search Page: Enquire Button text
Detail Page: Enquire button text
detailsButtonBorder
Search Page: Details button border
Detail Page: CTA Button border
detailsButtonText
Search Page: Details button text
Detail Page: CTA Button text
linkText
Detail Page: Back button and breadcrumb text
Detail Page: Anchor Point text
vehicleDetailsHeader
Detail Page: Anchor header text
vehicleDetailsIconHeaderText
Detail Page: Specification header text
vehicleDetailsText
Detail Page: Vehicle Specification data, Features text and Description text
vehicleDetailsSecondaryHeader
Detail Page: Insert header text
vehicleDetailsTableHeader
Detail Page: Insert data table headers
vehicleDetailsTableText
Detail Page: Insert text
vehicleStarRatingsColor
Detail Page: Fuel Star rating
altColorOne
Custom future requirement option - not used.
altColorTwo
Custom future requirement option - not used.
altColorThree
Custom future requirement option - not used.
altColorFour
Custom future requirement option - not used.
altColorFive
Custom future requirement option - not used.