Pop up – Demo

Subscribe Form Popup

ShareThis

Method Dental Logo
(07) 3188 5183

Styles

Home / Styles

ATOMS

GLOBAL

BRAND COLORS

#F4C5AD
Brand Primary

NEUTRAL COLORS

#020613
Cool Black
#FFFFFF
White
#262A35
Dark Gray 1

#6B6C70
Dark Gray 2
#A7A8AA
Dark Gray 3
#E0E1E4
Light Gray 1
#F5F6F8
Light Gray 2(section BG)

UTILITY COLORS

#E06C6C
Error
#9CE7A0
Positive

FONTS

Primary font heading: “Montserrat semi-bold”, sans serif

Primary font: “Open Sans”, sans serif

Secondary font: Not set

Tertiary font: Not set

BASIC FORM FIELDS / ELEMENTS

TEXT FIELD

TEXTAREA

SELECT

RADIO

Add class = "radio-style-1" for gravityform field

CHECKBOX

Add class = "checkbox-style-1" for gravityform field

Gravityform sample

Oops! We could not locate your form.

IMAGES

HERO IMAGE

POST DYNAMIC FEATURED IMAGE

IMAGE MASKS

class="image-mask-1"
class="image-mask-2"
class="image-mask-3"

TEXT

HEADINGS

Specify the line height here if changed from default

Heading Level 1 - 76px

Heading Level 2 - 64px

Heading Level 3 - 47px

Heading Level 4 - 39px

Heading Level 5 - 29px
Heading Level 6 - 24px

TEXT STYLES

Font size default = 1em / 15px (fs-default)

Minor = .993em / 14px (fs-minor)

Small = .8em / 13px (fs-small)

Sub script = .6667em / 11px (fs-sub)



Buttons text style (text-style-1)

Page Navigation (text-style-2)

Navigation page listings (text-style-3)

Breadcrumbs styles (text-style-4)

12px text only button (text-style-5)

Sub Heading (text-style-6)

INLINE ELEMENTS

This is a text link

Strong is used to indicate strong importance

This text has added emphasis

The b element is stylistically different text from normal text, without any special importance

The i element is text that is set off from the normal text

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation

This text is deleted and

This text has a strikethrough

SuperscriptSup

Subscript for things like H2O

This small text is small for for fine print, etc.

PARAGRAPH

Default left <p>
Nam porttitor blandit accumsan. Ut vel dictum sem, a pretium dui. In malesuada enim in dolor euismod, id commodo mi consectetur. Curabitur at vestibulum nisi. Nullam vehicula nisi velit. Mauris turpis nisl, molestie ut ipsum et, suscipit vehicula odio. Vestibulum
Center <p class="text-center">
Nam porttitor blandit accumsan. Ut vel dictum sem, a pretium dui. In malesuada enim in dolor euismod, id commodo mi consectetur. Curabitur at vestibulum nisi. Nullam vehicula nisi velit. Mauris turpis nisl, molestie ut ipsum et, suscipit vehicula odio. Vestibulum

Blockquote

Nam porttitor blandit accumsan. Ut vel dictum sem, a pretium dui. In malesuada enim in dolor euismod, id commodo mi consectetur. Curabitur at vestibulum nisi. Nullam vehicula nisi velit. Mauris turpis nisl, molestie ut ipsum et, suscipit vehicula

TABLES

BASIC TABLE

Optional table caption.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

STRIPED TABLE

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

BORDERED TABLE

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

LISTS

Unordered List

  • List Item 1
  • List Item 2
  • List Item 3

Ordered List

  1. List Item 1
  2. List Item 2
  3. List Item 3

.small-dots

  • List Item 1
  • List Item 2
  • List Item 3

.list-group ul

  • List Item 1
  • List Item 2
  • List Item 3

.list-group ol

  1. List Item 1
  2. List Item 2
  3. List Item 3

.list-group .check-list

  1. List Item 1
  2. List Item 2
  3. List Item 3

MOLECULES

WELLS + MEDIA

[custom_well heading="TEXT_HERE"] TEXT_HERE [/custom_well]

Custom Well (custom_well)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec urna in ante euismod suscipit. Duis et ultrices est. Praesent imperdiet dui nec tortor rhoncus, in scelerisque libero ullamcorper.
[custom_well heading="TEXT_HERE" icon="FONTAWESOME_CLASS_HERE"] TEXT_HERE [/custom_well]

Well with icon heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec urna in ante euismod suscipit. Duis et ultrices est. Praesent imperdiet dui nec tortor rhoncus, in scelerisque libero ullamcorper.
[custom_well heading="TEXT_HERE" image="IMAGE_URL_HERE"] TEXT_HERE [/custom_well]
Image and text well

Image and text well

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec urna in ante euismod suscipit. Duis et ultrices est. Praesent imperdiet dui nec tortor rhoncus, in scelerisque libero ullamcorper. Phasellus nec urna eu lectus placerat pellentesque in quis nisl. Duis ut mollis elit, non mollis est. Quisque lorem sem, lobortis ac arcu sit amet, viverra pulvinar dolor. Quisque interdum nunc at sapien vehicula, sit amet fringilla quam lobortis. Etiam vitae aliquet augue, vitae condimentum e
[point_listing heading="TEXT_HERE" icon="FONTAWESOME_CLASS_HERE"] TEXT_HERE [/point_listing]

Icon and point listing style (point_listing)

We regularly review your business structure and proactively implement every legally available tax planning strategy.
[point_listing heading="TEXT_HERE" number="NUMBER_HERE"] TEXT_HERE [/point_listing]
1

Heading

<p> a world where we spend what we earn, protecting your profit is essential. If you don’t have a profit improvement plan, regardless of how much money you earn….

TESTIMONIALS

[box_item icon="FONTAWESOME_CLASS_HERE" heading="TEXT_HERE"] TEXT_HERE [/box_item]

Heading

Body <p> in here
Body<p> strong in here

[testimonial_item style="1" name="TEXT_HERE" title="TEXT_HERE" image="IMAGE_URL_HERE"]TEXT_HERE[/testimonial_item]
“(testimonial_item class="style-1")With $18,500+ tax saved for Katie, the look under the hood paid for itself 37 times.”
Name
NameTitle


[testimonial_item style="2" name="TEXT_HERE"]TEXT_HERE[/testimonial_item]
“(testimonial_item class="style-2")Large centred testimonial type style, that is editable page by page, not a bank feed.
Harvee Pene, GM & Advisor InspireTM

[testimonial_item style="3" name="TEXT_HERE"]TEXT_HERE[/testimonial_item]

“(testimonial_item class="style-3")This place is stunning. You definitely won't go wrong staying here. A great place to hang out with our teenage boys loved the pool, views, openness and great ventilation for the sea breeze with heaps of windows, sliding doors and louvres. A great place to enjoy a family holiday.”
Name here

[testimonial_item style="4" name="TEXT_HERE" title="TEXT_HERE" image="IMAGE_URL_HERE"]TEXT_HERE[/testimonial_item]
(style-4)Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
Name
NameTitle
[testimonial_item style="5" name="TEXT_HERE" title="TEXT_HERE" image="IMAGE_URL_HERE"]TEXT_HERE[/testimonial_item]
(style-5)“ Testimonials will feed into here”
Name
NameTitle

ACCORDION

Collapse content goes here....
Collapse content goes here....
Collapse content goes here....

FULL ROW LISTINGS

[row_listing text="TEXT_HERE" link="#LINK_HERE"]

Strong listing in here

[row_listing text="TEXT_HERE" text="TEXT_HERE" link="#LINK_HERE"]

Small text hereStrong listing in here

FIGURE WITH CAPTION

[image_box text="TEXT_HERE" sub_text="TEXT_HERE" link="#LINK_HERE" link_text="TEXT_HERE" image="IMAGE_URL_HERE"]
Listing

Listing

Sub Listing

Link Text Here

TEAM PROFILE POST

[profile_item name="TEXT_HERE" position="TEXT_HERE" link="#LINK_HERE" image="IMAGE_URL_HERE"]
Name here

Name here

Position

More

PRODUCT ITEM

[ff_product_item name='TEXT_HERE' price="TEXT_HERE" link="#LINK_HERE" image="IMAGE_URL_HERE"]
Product Name
Product Name
$44
View Product

MISC

Notification

(warning) An alert is messaging that tells the user some information. Alerts can be error, warning, success, or info messages
(success) An alert is messaging that tells the user some information. Alerts can be error, warning, success, or info messages
(info) An alert is messaging that tells the user some information. Alerts can be error, warning, success, or info messages
(danger) An alert is messaging that tells the user some information. Alerts can be error, warning, success, or info messages

Pagination

Page 1 of 2 1 2 3 4 5 6

ORGANISMS

TEAM BLOCK OVERVIEW

[ff_team_overview]
DR. GRANT MCGRATH BDSc

DR. GRANT MCGRATH BDSc

Principal Dentist

More
DR. SHARON CHEN BDSc (Hons 1)

DR. SHARON CHEN BDSc (Hons 1)

Dentist

More
Dr. RUPINI VENGADESAN BDS

Dr. RUPINI VENGADESAN BDS

More
[ff_team_overview heading="Other profiles" heading_class="f-15" showposts=9 class="carousel-cols-3 navigation-style-2 mt-50"]

Other profiles

DR. GRANT MCGRATH BDSc

DR. GRANT MCGRATH BDSc

Principal Dentist

More
DR. SHARON CHEN BDSc (Hons 1)

DR. SHARON CHEN BDSc (Hons 1)

Dentist

More
Dr. RUPINI VENGADESAN BDS

Dr. RUPINI VENGADESAN BDS

More
DR. JUSTIN OOI BDSc (Hons 1)

DR. JUSTIN OOI BDSc (Hons 1)

Dentist

More
JASMINE OOI BPharm

JASMINE OOI BPharm

Practice Manager

More
MACEY

MACEY

Dental Assistant

More

INSTAGRAM FEED

[ff_instagram_carousel]

POST AUTHORS

[ff_post_author_box id="USER_ID_HERE" heading="TEXT_HERE"]
About the author

Fiveby5

Biographical Info here

ICON CONTENT LIST BLOCK

[box_item icon="FONTAWESOME_ICON_CLASS" heading="TEXT_HERE"]TEXT_HERE[/box_item]

Heading

Body <p> in here
Body<p> strong in here

Heading

Body <p> in here
Body<p> strong in here

Heading

Body <p> in here
Body<p> strong in here

PRICING / PACKAGES

[ff_pricing_box heading="TEXT_HERE" price="PRICE_HERE" link_text="TEXT_HERE" link="#LINK_HERE"]TEXT HERE[/ff_pricing_box]

Product listed here$ $126.50
Listing Sub content next to primary

Listing Sub content next to primary

Listing Sub content next to primary

Listing Sub content next to primary

Continue

Product listed here$ $126.50
Listing Sub content next to primary

Listing Sub content next to primary

Listing Sub content next to primary

Listing Sub content next to primary

Continue

Product listed here$ $126.50
Listing Sub content next to primary

Listing Sub content next to primary

Listing Sub content next to primary

Listing Sub content next to primary

Continue

SERVICE BLOCK

[ff_service_item heading="TEXT_HERE" sub_text="TEXT_HERE" link_text="TEXT_HERE link="#LINK_HERE" bg_color="#HEX_CODE_HERE" bg_image="IMAGE_URL_HERE"]
Listing

Sub listing

Button Text
Listing

Sub listing

Button Text
Listing

Sub listing

Button Text

NEWS

[ff_news_query showposts="NUM_HERE"]
NewsMethod Dental is Hiring – Dentist and Team Members

Method Dental is Hiring – Dentist and Team Members

Updated June 6 2023. Due to our continued growth, we are hiring dental assistants, receptionists and a ...
Read More
UncategorizedFive Ways To Fight Tooth Decay In Kids

Five Ways To Fight Tooth Decay In Kids

Getting kids to brush their teeth can feel like an uphill battle sometimes. There are so many things you’ve ...
Read More
Oral Health InformationThe Difference Between Plaque And Calculus

The Difference Between Plaque And Calculus

Billions of tiny bacteria live inside your mouth, colonising your tongue, teeth and under your gums! Your ...
Read More
[ff_news_query style="2" showposts="NUM_HERE"]
19 Dec

Method Dental is Hiring – Dentist and Team Members

Updated June 6 2023. Due to our continued growth, we are hiring dental assistants, receptionists and a dentist! Descriptions of these new positions for both team members and dentists are ...
Read More
26 Sep

Five Ways To Fight Tooth Decay In Kids

Getting kids to brush their teeth can feel like an uphill battle sometimes. There are so many things you’ve got to get done in a day and having to brush your little one’s teeth or, for ...
Read More
03 Jul

The Difference Between Plaque And Calculus

Billions of tiny bacteria live inside your mouth, colonising your tongue, teeth and under your gums! Your mouth is dark and wet – the perfect breeding ground for some of these pesky ...
Read More

EVENT POSTS

[ff_event_item name="TEXT_HERE" category="TEXT_HERE" excerpt="TEXT_HERE" link="#LINK_HERE" link_text="TEXT_HERE" date="01 | Jan | 2017" time="7:00PM - 8:00PM"]
When20 | Sep | 2017
Time7:00PM - 8:00PM
Category here
Event Name
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Book Now
When20 | Sep | 2017
Time7:00PM - 8:00PM
Category here
Event Name
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Book Now

FORMS

CTA

[ff_cta class="style-1" heading="TEXT_HERE" text="TEXT_HERE" btn_text="TEXT_HERE" btn_link="#LINK_HERE"]
Heading here
(class='style-1') Content here
Button text
[ff_cta class="style-2" heading="TEXT_HERE" text="TEXT_HERE" btn_text="TEXT_HERE" btn_link="#LINK_HERE"]
Heading here
(class='style-2') Content here
Button text
[ff_cta class="style-3" heading="TEXT_HERE" text="TEXT_HERE" btn_text="TEXT_HERE" btn_link="#LINK_HERE"]
Heading here
(class='style-3') Content here
Button text
[ff_cta class="style-4" heading="TEXT_HERE" text="TEXT_HERE" btn_text="TEXT_HERE" btn_link="#LINK_HERE"]
(class='style-4') Strong text style
Heading here
Button text

ROTATION / CAROUSELS

[ff_logo_carousel heading="TEXT_HERE"]
[ff_logo_carousel_item image="IMAGE_URL]
[/ff_logo_carousel]
Our Sponsors
Alt Text Here
[ff_cta_carousel ff_cta_carousel="#COLOR_HEX_CODE_HERE"]
[ff_cta heading="TEXT_HERE" text="TEXT_HERE" btn_text="TEXT_HERE" btn_link="#LINK_HERE"]
[/ff_cta_carousel]
Heading here
Content here
Button text
Heading here
Content here
Button text
Heading here
Content here
Button text
[ff_testimonials_carousel heading="TEXT_HERE" limit=NUMBER]

SOCIAL MEDIA LINKS

[social_icons icons="facebook,twitter,googleplus,youtube,linkedin,instagram,pinterest,email,sharethis"]
[social_icons class="style-1" icons="facebook,twitter,googleplus,youtube,linkedin,instagram,pinterest,email,sharethis"]
[social_icons class="style-2" icons="facebook,twitter,googleplus,youtube,linkedin,instagram,pinterest,email,sharethis"]
[custom_social_icons class="" facebook="#url" twitter="#url" youtube="#url" google_plus="#url" instagram="#url" linkedin="#url" pinterest="#url" mail="#url" trip_advisor="#url"]

MISC SHORTCODES

[ff_meta_detail label="TEXT_HERE" value="TEXT_HERE" link="#OPTIONAL_LINK_HERE"]
Phone123 4567 890
Email[email protected]
[ff_meta_detail class="style-2" label="TEXT_HERE" value="TEXT_HERE" link="#OPTIONAL_LINK_HERE"]
Phone123 4567 890
Email[email protected]

OLD STYLES / ELEMENTS

Bootsrap Shortcode – [ bs_tooltip ]

Tooltip on click
Tooltip on hover
Tooltip on focus

Bootsrap Shortcode – [ bs_lead ]

This is a lead text and needs your attention.

Shortcode – [ boxed ]


bold font areas orem ipsum dolor sit amet, consectetur adipiscing elit. Duis ut effie vulectus neque sem, condimentum non lobortis vulputate, aliquam sed diam. Proin magna nunc, porta quis vehicul

Shortcode – [ query_faq ]

Faq content here…

Faq content here…

Custom Post Carousel – [ column_carousel ]

News

Method Dental is Hiring – Denti...

Updated June 6 2023. Due to our continued growth, we are hiring dental assistants, receptionists and a dentist! Descriptions of ...
more
Uncategorized

Five Ways To Fight Tooth Decay In Kids

Getting kids to brush their teeth can feel like an uphill battle sometimes. There are so many things you’ve got to get done in a...
more
Oral Health Information

The Difference Between Plaque And Cal...

Billions of tiny bacteria live inside your mouth, colonising your tongue, teeth and under your gums! Your mouth is dark and wet ...
more
Oral Health Information

Gum Disease Management During Covid-1...

Gum Disease Management during Covid-19 Part 2 If you have been diagnosed with Gum or Periodontial Disease, you may be unable to ...
more
News

Covid-19 Dental Treatment Restriction...

Updated May 12th 2020 ENTERING LEVEL 1 RESTRICTIONS ON MONDAY 11th May 2020 Dear Method Dental Family, Due to the Covid-19 ...
more
Kids Oral Health

Tooth Decay Prevention for Kids durin...

During this Covid-19 crisis, kids will be unable to access dental services that help to prevent tooth decay or even to have ...
more
Oral Health Information

Gum Disease Management During Covid-1...

Gum Disease Management during Covid-19 Part 1 If you have been diagnosed with Gum or Periodontial Disease, you may be unable to ...
more
Kids Oral Health

Teeth Friendly Lunchbox Ideas

School’s in, which means you and your kids are getting back into a routine. And what’s part of that routine? Packing lunch ...
more
News

Christmas Holiday Closure 2019

Thank you for your support in 2019! We have had an amazing year taking care of our wonderful patients and we’re looking ...
more
Health & Wellness

Holiday Season Teeth Tips

Tis The Season To Be Cavity Free The holiday season is upon us! And, for us Queenslanders, that means sun soaked days, lots of ...
more
Health & Wellness

Crooked Teeth Causes, Problems and Ho...

Crooked teeth suck.  Crooked teeth can be embarrassing.  But there’s other problems too because food can get stuck in all ...
more
Kids Oral Health

St. Columba’s Wilston & Carrots ...

Last month, we visited the four prep classes St. Columba’s Wilston! Educating our local kids One of our goals at Method ...
more

DIV Custom Scrollbar (.custom-scroll)

Just add "custom-scroll" for your div that have a fix height or width, Just add "custom-scroll" for your div that have a fix height or width
Just add "custom-scroll" for your div that have a fix height or width, Just add "custom-scroll" for your div that have a fix height or width
Just add "custom-scroll" for your div that have a fix height or width, Just add "custom-scroll" for your div that have a fix height or width
Just add "custom-scroll" for your div that have a fix height or width, Just add "custom-scroll" for your div that have a fix height or width
Just add "custom-scroll" for your div that have a fix height or width, Just add "custom-scroll" for your div that have a fix height or width
Just add "custom-scroll" for your div that have a fix height or width, Just add "custom-scroll" for your div that have a fix height or width
Just add "custom-scroll" for your div that have a fix height or width, Just add "custom-scroll" for your div that have a fix height or width
Just add "custom-scroll" for your div that have a fix height or width, Just add "custom-scroll" for your div that have a fix height or width
Just add "custom-scroll" for your div that have a fix height or width, Just add "custom-scroll" for your div that have a fix height or width
Just add "custom-scroll" for your div that have a fix height or width, Just add "custom-scroll" for your div that have a fix height or width
Need to book an Appointment?
Submit this simple form and our dental experts will be in touch
If you are having a dental emergency please call this direct line.
(07) 3188 5183
Ready to make Method Dental your dental home?
Book an Appointment