diff --git a/core/src/components/title/readme.md b/core/src/components/title/readme.md
index 8b84b1a403..fd8a31e605 100644
--- a/core/src/components/title/readme.md
+++ b/core/src/components/title/readme.md
@@ -102,7 +102,7 @@ You can change the background color of the toolbar with the standard title by se
 When styling the text color of the large title, you should target the large title globally as opposed to within the context of a particular page or tab, otherwise its styles will not be applied during the navigation animation.
 
 ```css
-ion-title.large-title {
+ion-title.title-large {
   color: purple;
   font-size: 30px;
 }
@@ -240,7 +240,7 @@ You can change the background color of the toolbar with the standard title by se
 When styling the text color of the large title, you should target the large title globally as opposed to within the context of a particular page or tab, otherwise its styles will not be applied during the navigation animation.
 
 ```css
-ion-title.large-title {
+ion-title.title-large {
   color: purple;
   font-size: 30px;
 }
@@ -381,7 +381,7 @@ You can change the background color of the toolbar with the standard title by se
 When styling the text color of the large title, you should target the large title globally as opposed to within the context of a particular page or tab, otherwise its styles will not be applied during the navigation animation.
 
 ```css
-ion-title.large-title {
+ion-title.title-large {
   color: purple;
   font-size: 30px;
 }
@@ -544,7 +544,7 @@ You can change the background color of the toolbar with the standard title by se
 When styling the text color of the large title, you should target the large title globally as opposed to within the context of a particular page or tab, otherwise its styles will not be applied during the navigation animation.
 
 ```css
-ion-title.large-title {
+ion-title.title-large {
   color: purple;
   font-size: 30px;
 }
diff --git a/core/src/components/title/usage/angular.md b/core/src/components/title/usage/angular.md
index 0f4967a927..dcfe393431 100644
--- a/core/src/components/title/usage/angular.md
+++ b/core/src/components/title/usage/angular.md
@@ -91,7 +91,7 @@ You can change the background color of the toolbar with the standard title by se
 When styling the text color of the large title, you should target the large title globally as opposed to within the context of a particular page or tab, otherwise its styles will not be applied during the navigation animation.
 
 ```css
-ion-title.large-title {
+ion-title.title-large {
   color: purple;
   font-size: 30px;
 }
diff --git a/core/src/components/title/usage/javascript.md b/core/src/components/title/usage/javascript.md
index 3fe08dabef..384f5d5686 100644
--- a/core/src/components/title/usage/javascript.md
+++ b/core/src/components/title/usage/javascript.md
@@ -91,7 +91,7 @@ You can change the background color of the toolbar with the standard title by se
 When styling the text color of the large title, you should target the large title globally as opposed to within the context of a particular page or tab, otherwise its styles will not be applied during the navigation animation.
 
 ```css
-ion-title.large-title {
+ion-title.title-large {
   color: purple;
   font-size: 30px;
 }
diff --git a/core/src/components/title/usage/react.md b/core/src/components/title/usage/react.md
index 8926887f95..cf404a8e30 100644
--- a/core/src/components/title/usage/react.md
+++ b/core/src/components/title/usage/react.md
@@ -127,7 +127,7 @@ You can change the background color of the toolbar with the standard title by se
 When styling the text color of the large title, you should target the large title globally as opposed to within the context of a particular page or tab, otherwise its styles will not be applied during the navigation animation.
 
 ```css
-ion-title.large-title {
+ion-title.title-large {
   color: purple;
   font-size: 30px;
 }
diff --git a/core/src/components/title/usage/stencil.md b/core/src/components/title/usage/stencil.md
index 632595b0d9..a6f0c9f3df 100644
--- a/core/src/components/title/usage/stencil.md
+++ b/core/src/components/title/usage/stencil.md
@@ -130,7 +130,7 @@ You can change the background color of the toolbar with the standard title by se
 When styling the text color of the large title, you should target the large title globally as opposed to within the context of a particular page or tab, otherwise its styles will not be applied during the navigation animation.
 
 ```css
-ion-title.large-title {
+ion-title.title-large {
   color: purple;
   font-size: 30px;
 }
diff --git a/core/src/components/title/usage/vue.md b/core/src/components/title/usage/vue.md
index 318656d126..408e1d83e1 100644
--- a/core/src/components/title/usage/vue.md
+++ b/core/src/components/title/usage/vue.md
@@ -152,7 +152,7 @@ You can change the background color of the toolbar with the standard title by se
 When styling the text color of the large title, you should target the large title globally as opposed to within the context of a particular page or tab, otherwise its styles will not be applied during the navigation animation.
 
 ```css
-ion-title.large-title {
+ion-title.title-large {
   color: purple;
   font-size: 30px;
 }