Snippet Site
Code Snippets
Custom CSS
Theme Options
Change font on premier themes
Replace the input URL, and font family with the ones from Google Fonts
Where to add:
Custom CSS
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;700&display=swap'); body, .top-bar .main-menu a, h1, h2, h3, h4, h5, h6 { font-family: 'Sora', sans-serif; }
Copy
Creating a button
Where to add:
Content Area
<p><a class="button" href="INSERT_URL_HERE" target="_blank">This is your button text</a></p>
Copy
Facebook Chat overlap
Where to add:
Custom CSS
#return-to-top { right: 140px; }
Copy
Premier 3
Hide Email Address in Footer
Where to add:
Custom CSS
.footer-email, .footer-contact-details + .view-header { display: none; }
Copy
Move WhatsApp Chat
To have WhatsApp and Saved Vehicles
Where to add:
Custom CSS
.l-chat-icon { right: 100px; bottom: 40px; }
Copy
To have WhatsApp and Back to Top
Where to add:
Custom CSS
#return-to-top { right: 100px; } .l-chat-icon { bottom: 40px; }
Copy
To add WhatsApp to the left of the site
Where to add:
Custom CSS
.l-chat-icon { right: auto; left: 20px; bottom: 20px; }
Copy
Anchoring a button to a Finance Form
Where to add:
Content Area
<p><a class="button" href="#finance-form">Apply For Finance</a></p>
Copy
CSS to remove text below manufacturer logos
Where to add:
Custom CSS
.block-logo-search li span { display: none; }
Copy
Move photo and video count to right of image
Where to add:
Custom CSS
.l-node-used-vehicle--compare-vehicle__photo-overlay, .l-node-used-vehicle--search-result__photo-overlay, .l-node-used-vehicle--sold-gallery__photo-overlay, .l-node-used-vehicle--full__photo-overlay { text-align: right; }
Copy
Premier 10
Text, logos and button for reviews section (Additional Text 1)
Where to add:
Custom CSS
<h2>Customer Reviews</h2> <p>Read what our customers have to say</p> <div class="reviews-logos"> <img src="https://s3-eu-west-1.amazonaws.com/files.autopromotor/3736/websiteMedia/3625/17e13829-91bf-4c41-8e0b-1c61cff6802c.png" class="fr-fic fr-fil fr-dib" data-id="57256"> <img src="https://img.spidersnet.co.uk/code-snippets/autotrader-logo.svg" class="fr-fic fr-fil fr-dib" data-id="57259"> </div> <p><a class="button" href="/reviews/">Read Reviews</a></p>
Copy
Premier 11
Text, logos and button for reviews section (Additional Text 1)
Where to add:
Custom CSS
<h2>Customer Reviews</h2> <h3>Read what our customers have to say</h3> <div class="images"><img src="https://s3-eu-west-1.amazonaws.com/files.autopromotor/3736/websiteMedia/3742/1709122029-google - png 0 (1).png" class="fr-fic fr-fil fr-dii" data-id="58207"></div> <p><a class="button" href="">Read Reviews</a></p>
Copy
Premiers
Finance slider text
Where to add:
Content Area
<h4>Used Car</h4> <h3>Finance Specialist</h3> <p>If you are looking for great savings on quality used cars, then you have reached the right place. [Dealer] are a specialist used car dealer based in [Town].</p>
Copy
Premier 10
Finance slider text
Where to add:
Content Area
<h2>Search within your price range</h2> <p>Use the slider below to set the minimum and maximum budget for your new car.</p>
Copy
Premier 10
Remove rounded corners from images across site
Where to add:
Custom CSS
.slick--home-slider .slide-image, .l-title__image .page-image img { border-radius: 0 !important; }
Copy
Premier 3
Remove background from Additional Text 3
Where to add:
Custom CSS
.l-node-frontpage--full__banner-outer { padding: 0; background: transparent; } .l-node-frontpage--full__banner { max-width: 100%; } .l-node-frontpage--full__banner-inner { padding: 0; }
Copy
Premier 3
Change form dropdown arrows to white
Where to add:
Custom CSS
select { background-image: url(/media/dropdown.png); }
Copy
Change bullet points to ticks on homepage
Where to add:
Custom CSS
.home .fr-view ul:not(.froala-two-col-grid):not(.froala-three-col-grid):not(.froala-four-col-grid) { list-style-type: none; margin: 0; } .home .fr-view ul:not(.froala-two-col-grid):not(.froala-three-col-grid):not(.froala-four-col-grid) li { padding-left: 30px; position: relative; } .home .fr-view ul:not(.froala-two-col-grid):not(.froala-three-col-grid):not(.froala-four-col-grid) li:before { content: ' 00c'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; }
Copy
Premier 11
Remove background pattern
Where to add:
Custom CSS
.l-node-frontpage--full__hero:before, .l-node-frontpage--full__search-logos:before, .l-footer__blocks, .l-title__outer { background-image: none; }
Copy
Make tables scroll horizontally on mobile
Where to add:
Custom CSS
@media screen and (max-width: 47.9988em) { .fr-view table { display: block; overflow-x: scroll; white-space: nowrap; width: 100% !important; } }
Copy
Hide advanced search on homepage
Where to add:
Custom CSS
.front .block-search-block #used-search-block .advanced-search-button { display: none !important; }
Copy
