SSANZ Styles & Scripts
<article class="ssanz"><div class="banner2 bg-light_grey"><picture class="banner2__picture" style="background-color:#e1e1e1"><source media=" (min-width:1921px)" srcset="https://content.specsavers.com/anz/au/assets/img/eye_health/eye_tests/eye-test-banner_2560x534.jpg"><source media=" (min-width:1200px)" srcset="https://content.specsavers.com/anz/au/assets/img/eye_health/eye_tests/eye-test-banner_1920x400.jpg"><source media=" (min-width:992px)" srcset="https://content.specsavers.com/anz/au/assets/img/eye_health/eye_tests/eye-test-banner_1200x400.jpg"><source media=" (min-width:769px)" srcset="https://content.specsavers.com/anz/au/assets/img/eye_health/eye_tests/eye-test-banner_992x280.jpg"><img src="https://content.specsavers.com/anz/au/assets/img/eye_health/eye_tests/eye-test-banner_768x280.jpg" alt="" loading="eager"></picture><div class="banner__container container"><div class="banner__content col-lg-6"><h1 class="h3 banner__title">Eye tests</h1><p class="banner__subtitle">An eye test is not just about getting glasses – it is a vital health check for your eyes.</p></div></div></div><div class="ss-stripe bg-xl_grey"><div class="container--skinny"><div class="row"><div class="col-12"><p>At Specsavers, we recommend that everyone should have an eye test with an optometrist at least once every two years, and more often if you notice any changes to your vision or eyes.</p><p class="text-mb-center mt-4"><a class="btn--primary" href="/stores">Book an appointment</a></p></div></div></div></div><div class="ss-stripe bg-light_grey"><div class="container"><div class="row cards"><div class="col-12 col-sm-6 col-lg-4 d-flex"><a href="/eye-tests/do-i-need-an-eye-test" class="card"><div class="card__padder"><div class="card__header"><h3 class="card__title">Do I need an eye test?</h3></div><div class="card__body"><p>Eye tests play a huge part in making sure your eyes stay healthy.</p></div><div class="card__footer"><span class="card__button btn_tertiary"><span class="btn_tertiary__label">Find out more</span></span></div></div></a></div><div class="col-12 col-sm-6 col-lg-4 d-flex"><a href="/eye-tests/your-store-visit-explained" class="card"><div class="card__padder"><div class="card__header"><h3 class="card__title">Your store visit explained</h3></div><div class="card__body"><p>At Specsavers we are focused on caring for your eyes and giving you the best possible vision.</p></div><div class="card__footer"><span class="card__button btn_tertiary"><span class="btn_tertiary__label">Find out more</span></span></div></div></a></div><div class="col-12 col-sm-6 col-lg-4 d-flex"><a href="/eye-tests/oct" class="card"><div class="card__padder"><div class="card__header"><h3 class="card__title">What is OCT?</h3></div><div class="card__body"><p>An OCT scan can generate a highly detailed 3D image of the retina which will allow us to have a better view of your eye health.</p></div><div class="card__footer"><span class="card__button btn_tertiary"><span class="btn_tertiary__label">Find out more</span></span></div></div></a></div><div class="col-12 col-sm-6 col-lg-4 d-flex"><a href="/eye-tests/kids-eyecare" class="card"><div class="card__padder"><div class="card__header"><h3 class="card__title">Kids eyecare</h3></div><div class="card__body"><p>Your kids' eyes are very special. In the early years, vision helps them find out about the world around them, about their home and about you.</p></div><div class="card__footer"><span class="card__button btn_tertiary"><span class="btn_tertiary__label">Find out more</span></span></div></div></a></div><div class="col-12 col-sm-6 col-lg-4 d-flex"><a href="/eye-tests/your-prescription-explained" class="card"><div class="card__padder"><div class="card__header"><h3 class="card__title">Your prescription explained</h3></div><div class="card__body"><p>What do the numbers and words actually mean on your prescription?</p></div><div class="card__footer"><span class="card__button btn_tertiary"><span class="btn_tertiary__label">Find out more</span></span></div></div></a></div><div class="col-12 col-sm-6 col-lg-4 d-flex"><a href="/eye-health" class="card"><div class="card__padder"><div class="card__header"><h3 class="card__title">Your eye health</h3></div><div class="card__body"><p>Your eyes can actually tell us a lot about your general health. That’s why it’s so important to have your eyes tested regularly.</p></div><div class="card__footer"><span class="card__button btn_tertiary"><span class="btn_tertiary__label">Find out more</span></span></div></div></a></div><div class="col-12 col-sm-6 col-lg-4 d-flex"><a href="/eye-tests/bulk-billing" class="card"><div class="card__padder"><div class="card__header"><h3 class="card__title">What is bulk billing?</h3></div><div class="card__body"><p>We believe everyone has the right to great sight. That’s why we bulk bill.</p></div><div class="card__footer"><span class="card__button btn_tertiary"><span class="btn_tertiary__label">Find out more</span></span></div></div></a></div></div></div></div></article>
Ask an expert - Eyehealth
<div class="ssanz"><div class="ss-stripe bg-vi_grey"><div class="container"><div class="row"> <div class="col"> <h2 class="h5 mb-4">Frequently asked questions</h2> </div> </div><form id="dev-form--ask text" method="get" action="/help-and-faqs/search"><div class="row"><div class="col-12 col-md-9"><div class="input-group"><input class="form-control hasPlaceholder" name="search_api_views_fulltext" type="text" placeholder="Enter keyword or question"> <span class="input-group-btn"><input class="btn--primary" type="submit"></span></div></div><div class="col-12 col-md-3 d-flex align-items-center mt-4 mt-md-0"><p><a href="/help-and-faqs" class="btn_tertiary"><span class="btn_tertiary__label">See all FAQs</span></a></p></div></div></form></div></div></div>
.form-control {
display: table-cell;
width: 100%;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
padding: calc(0.75 * 1em) calc(1 * 1em);
font-size: calc(1em + .2em) !important;
height:58.78px;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group-btn {
position: relative;
white-space: nowrap;
display: table-cell;
vertical-align: middle;
width: 1%;
}
.input-group-btn .btn--primary {
border: 1px solid #009b4f;
border-radius: 0 2px 2px 0;
}
@media (max-width: 580px) {
.input-group {
display: block;
}
span.input-group-btn {
display: inline-table;
margin-top: 15px;
}
}