diff --git a/examples/ruby/spec/drivers/options_spec.rb b/examples/ruby/spec/drivers/options_spec.rb
index 8917538eabd4..0f3171050c53 100644
--- a/examples/ruby/spec/drivers/options_spec.rb
+++ b/examples/ruby/spec/drivers/options_spec.rb
@@ -118,5 +118,16 @@
       driver.get(url)
       driver.quit
     end
+
+    it 'sets capabilities in the pre-selenium 4 way', skip: 'this is example code that will not execute' do
+      caps = Selenium::WebDriver::Remote::Capabilities.firefox
+      caps[:platform] = 'Windows 10'
+      caps[:version] = '92'
+      caps[:build] = my_test_build
+      caps[:name] = my_test_name
+      driver = Selenium::WebDriver.for :remote, url: cloud_url, desired_capabilities: caps
+      driver.get(url)
+      driver.quit
+    end
   end
 end
diff --git a/website_and_docs/content/documentation/webdriver/drivers/options.en.md b/website_and_docs/content/documentation/webdriver/drivers/options.en.md
index 5aef14027bf7..6aaa27baf4d3 100644
--- a/website_and_docs/content/documentation/webdriver/drivers/options.en.md
+++ b/website_and_docs/content/documentation/webdriver/drivers/options.en.md
@@ -547,9 +547,10 @@ likely because the environment needs a proxy to be accessed.
 
 Selenium WebDriver provides a way to proxy settings:
 
-{{< tabpane langEqualsHeader=true >}}
+{{< tabpane text=true >}}
 {{< badge-examples >}}
-{{< tab header="Java" >}}
+{{% tab header="Java" %}}
+```java
 import org.openqa.selenium.Proxy;
 import org.openqa.selenium.WebDriver;
 import org.openqa.selenium.chrome.ChromeDriver;
@@ -567,8 +568,10 @@ public class ProxyTest {
     driver.quit();
   }
 }
-{{< /tab >}}
-{{< tab header="Python" >}}
+```
+{{% /tab %}}
+{{% tab header="Python" %}}
+```python
 from selenium import webdriver
 
 PROXY = "<HOST:PORT>"
@@ -582,9 +585,10 @@ webdriver.DesiredCapabilities.FIREFOX['proxy'] = {
 
 with webdriver.Firefox() as driver:
     driver.get("https://selenium.dev")
-
-{{< /tab >}}
-{{< tab header="CSharp" >}}
+```
+{{% /tab %}}
+{{% tab header="CSharp" %}}
+```CSharp
 using OpenQA.Selenium;
 using OpenQA.Selenium.Chrome;
 
@@ -601,11 +605,13 @@ IWebDriver driver = new ChromeDriver(options);
 driver.Navigate().GoToUrl("https://www.selenium.dev/");
 }
 }
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< tab header="Ruby" >}}
 {{< gh-codeblock path="examples/ruby/spec/drivers/options_spec.rb#L87-L88" >}}
 {{< /tab >}}
-{{< tab header="JavaScript" >}}
+{{% tab header="JavaScript" %}}
+```javascript
 let webdriver = require('selenium-webdriver');
 let chrome = require('selenium-webdriver/chrome');
 let proxy = require('selenium-webdriver/proxy');
@@ -624,8 +630,10 @@ finally {
 await driver.quit();
 }
 }());
-{{< /tab >}}
-{{< tab header="Kotlin" >}}
+```
+{{% /tab %}}
+{{% tab header="Kotlin" %}}
+```kotlin
 import org.openqa.selenium.Proxy
 import org.openqa.selenium.WebDriver
 import org.openqa.selenium.chrome.ChromeDriver
@@ -644,5 +652,6 @@ fun main() {
         driver.quit()
     }
 }
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< /tabpane >}}
diff --git a/website_and_docs/content/documentation/webdriver/drivers/options.ja.md b/website_and_docs/content/documentation/webdriver/drivers/options.ja.md
index e5fe6df20373..d4e7c3e02375 100644
--- a/website_and_docs/content/documentation/webdriver/drivers/options.ja.md
+++ b/website_and_docs/content/documentation/webdriver/drivers/options.ja.md
@@ -521,8 +521,10 @@ Seleniumを使用した自動化スクリプト用のプロキシサーバーは
 Selenium WebDriverは設定をプロキシする方法を提供します。
 
 
-{{< tabpane langEqualsHeader=true >}}
-{{< tab header="Java" >}}
+{{< tabpane text=true >}}
+{{< badge-examples >}}
+{{% tab header="Java" %}}
+```java
 import org.openqa.selenium.Proxy;
 import org.openqa.selenium.WebDriver;
 import org.openqa.selenium.chrome.ChromeDriver;
@@ -540,8 +542,10 @@ public class ProxyTest {
     driver.quit();
   }
 }
-{{< /tab >}}
-{{< tab header="Python" >}}
+```
+{{% /tab %}}
+{{% tab header="Python" %}}
+```python
 from selenium import webdriver
 
 PROXY = "<HOST:PORT>"
@@ -554,11 +558,11 @@ webdriver.DesiredCapabilities.FIREFOX['proxy'] = {
 }
 
 with webdriver.Firefox() as driver:
-# Open URL
     driver.get("https://selenium.dev")
-
-{{< /tab >}}
-{{< tab header="CSharp" >}}
+```
+{{% /tab %}}
+{{% tab header="CSharp" %}}
+```CSharp
 using OpenQA.Selenium;
 using OpenQA.Selenium.Chrome;
 
@@ -575,11 +579,13 @@ IWebDriver driver = new ChromeDriver(options);
 driver.Navigate().GoToUrl("https://www.selenium.dev/");
 }
 }
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< tab header="Ruby" >}}
 {{< gh-codeblock path="examples/ruby/spec/drivers/options_spec.rb#L87-L88" >}}
 {{< /tab >}}
-{{< tab header="JavaScript" >}}
+{{% tab header="JavaScript" %}}
+```javascript
 let webdriver = require('selenium-webdriver');
 let chrome = require('selenium-webdriver/chrome');
 let proxy = require('selenium-webdriver/proxy');
@@ -598,8 +604,10 @@ finally {
 await driver.quit();
 }
 }());
-{{< /tab >}}
-{{< tab header="Kotlin" >}}
+```
+{{% /tab %}}
+{{% tab header="Kotlin" %}}
+```kotlin
 import org.openqa.selenium.Proxy
 import org.openqa.selenium.WebDriver
 import org.openqa.selenium.chrome.ChromeDriver
@@ -618,5 +626,6 @@ fun main() {
         driver.quit()
     }
 }
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< /tabpane >}}
diff --git a/website_and_docs/content/documentation/webdriver/drivers/options.pt-br.md b/website_and_docs/content/documentation/webdriver/drivers/options.pt-br.md
index 83879902f62b..e937df103b39 100644
--- a/website_and_docs/content/documentation/webdriver/drivers/options.pt-br.md
+++ b/website_and_docs/content/documentation/webdriver/drivers/options.pt-br.md
@@ -563,8 +563,10 @@ likely because the environment needs a proxy to be accessed.
 
 Selenium WebDriver provides a way to proxy settings:
 
-{{< tabpane langEqualsHeader=true >}}
-{{< tab header="Java" >}}
+{{< tabpane text=true >}}
+{{< badge-examples >}}
+{{% tab header="Java" %}}
+```java
 import org.openqa.selenium.Proxy;
 import org.openqa.selenium.WebDriver;
 import org.openqa.selenium.chrome.ChromeDriver;
@@ -582,8 +584,10 @@ public class ProxyTest {
     driver.quit();
   }
 }
-{{< /tab >}}
-{{< tab header="Python" >}}
+```
+{{% /tab %}}
+{{% tab header="Python" %}}
+```python
 from selenium import webdriver
 
 PROXY = "<HOST:PORT>"
@@ -597,9 +601,10 @@ webdriver.DesiredCapabilities.FIREFOX['proxy'] = {
 
 with webdriver.Firefox() as driver:
     driver.get("https://selenium.dev")
-
-{{< /tab >}}
-{{< tab header="CSharp" >}}
+```
+{{% /tab %}}
+{{% tab header="CSharp" %}}
+```CSharp
 using OpenQA.Selenium;
 using OpenQA.Selenium.Chrome;
 
@@ -616,11 +621,13 @@ IWebDriver driver = new ChromeDriver(options);
 driver.Navigate().GoToUrl("https://www.selenium.dev/");
 }
 }
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< tab header="Ruby" >}}
 {{< gh-codeblock path="examples/ruby/spec/drivers/options_spec.rb#L87-L88" >}}
 {{< /tab >}}
-{{< tab header="JavaScript" >}}
+{{% tab header="JavaScript" %}}
+```javascript
 let webdriver = require('selenium-webdriver');
 let chrome = require('selenium-webdriver/chrome');
 let proxy = require('selenium-webdriver/proxy');
@@ -639,8 +646,10 @@ finally {
 await driver.quit();
 }
 }());
-{{< /tab >}}
-{{< tab header="Kotlin" >}}
+```
+{{% /tab %}}
+{{% tab header="Kotlin" %}}
+```kotlin
 import org.openqa.selenium.Proxy
 import org.openqa.selenium.WebDriver
 import org.openqa.selenium.chrome.ChromeDriver
@@ -659,5 +668,6 @@ fun main() {
         driver.quit()
     }
 }
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< /tabpane >}}
diff --git a/website_and_docs/content/documentation/webdriver/drivers/options.zh-cn.md b/website_and_docs/content/documentation/webdriver/drivers/options.zh-cn.md
index 425ab2d8b3d2..30e3781bebd9 100644
--- a/website_and_docs/content/documentation/webdriver/drivers/options.zh-cn.md
+++ b/website_and_docs/content/documentation/webdriver/drivers/options.zh-cn.md
@@ -550,8 +550,10 @@ WebDriver创建新会话时,
 
 Selenium WebDriver提供了如下设置代理的方法
 
-{{< tabpane langEqualsHeader=true >}}
-{{< tab header="Java" >}}
+{{< tabpane text=true >}}
+{{< badge-examples >}}
+{{% tab header="Java" %}}
+```java
 import org.openqa.selenium.Proxy;
 import org.openqa.selenium.WebDriver;
 import org.openqa.selenium.chrome.ChromeDriver;
@@ -569,8 +571,10 @@ public class ProxyTest {
     driver.quit();
   }
 }
-{{< /tab >}}
-{{< tab header="Python" >}}
+```
+{{% /tab %}}
+{{% tab header="Python" %}}
+```python
 from selenium import webdriver
 
 PROXY = "<HOST:PORT>"
@@ -583,11 +587,11 @@ webdriver.DesiredCapabilities.FIREFOX['proxy'] = {
 }
 
 with webdriver.Firefox() as driver:
-# Open URL
     driver.get("https://selenium.dev")
-
-{{< /tab >}}
-{{< tab header="CSharp" >}}
+```
+{{% /tab %}}
+{{% tab header="CSharp" %}}
+```CSharp
 using OpenQA.Selenium;
 using OpenQA.Selenium.Chrome;
 
@@ -604,11 +608,13 @@ IWebDriver driver = new ChromeDriver(options);
 driver.Navigate().GoToUrl("https://www.selenium.dev/");
 }
 }
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< tab header="Ruby" >}}
 {{< gh-codeblock path="examples/ruby/spec/drivers/options_spec.rb#L87-L88" >}}
 {{< /tab >}}
-{{< tab header="JavaScript" >}}
+{{% tab header="JavaScript" %}}
+```javascript
 let webdriver = require('selenium-webdriver');
 let chrome = require('selenium-webdriver/chrome');
 let proxy = require('selenium-webdriver/proxy');
@@ -627,8 +633,10 @@ finally {
 await driver.quit();
 }
 }());
-{{< /tab >}}
-{{< tab header="Kotlin" >}}
+```
+{{% /tab %}}
+{{% tab header="Kotlin" %}}
+```kotlin
 import org.openqa.selenium.Proxy
 import org.openqa.selenium.WebDriver
 import org.openqa.selenium.chrome.ChromeDriver
@@ -647,5 +655,6 @@ fun main() {
         driver.quit()
     }
 }
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< /tabpane >}}
diff --git a/website_and_docs/content/documentation/webdriver/troubleshooting/upgrade_to_selenium_4.en.md b/website_and_docs/content/documentation/webdriver/troubleshooting/upgrade_to_selenium_4.en.md
index ea963c317032..f1f1164c3b6e 100644
--- a/website_and_docs/content/documentation/webdriver/troubleshooting/upgrade_to_selenium_4.en.md
+++ b/website_and_docs/content/documentation/webdriver/troubleshooting/upgrade_to_selenium_4.en.md
@@ -54,25 +54,30 @@ For example, if your cloud vendor uses `build` and `name` capabilities for your
 to wrap them in a `cloud:options` block (check with your cloud vendor for the appropriate prefix).
 
 #### Before 
-{{< tabpane langEqualsHeader=true >}}
+{{< tabpane text=true >}}
 {{< badge-examples >}}
-{{< tab header="Java" >}}
+{{% tab header="Java" %}}
+```java
 DesiredCapabilities caps = DesiredCapabilities.firefox();
 caps.setCapability("platform", "Windows 10");
 caps.setCapability("version", "92");
 caps.setCapability("build", myTestBuild);
 caps.setCapability("name", myTestName);
 WebDriver driver = new RemoteWebDriver(new URL(cloudUrl), caps);
-{{< /tab >}}
-{{< tab header="JavaScript" >}}
+```
+{{% /tab %}}
+{{% tab header="JavaScript" %}}
+```javascript
 caps = {};
 caps['browserName'] = 'Firefox';
 caps['platform'] = 'Windows 10';
 caps['version'] = '92';
 caps['build'] = myTestBuild;
 caps['name'] = myTestName;
-{{< /tab >}}
-{{< tab header="CSharp" >}}
+```
+{{% /tab %}}
+{{% tab header="CSharp" %}}
+```CSharp
 DesiredCapabilities caps = new DesiredCapabilities();
 caps.SetCapability("browserName", "firefox");
 caps.SetCapability("platform", "Windows 10");
@@ -80,16 +85,13 @@ caps.SetCapability("version", "92");
 caps.SetCapability("build", myTestBuild);
 caps.SetCapability("name", myTestName);
 var driver = new RemoteWebDriver(new Uri(CloudURL), caps);
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< tab header="Ruby" >}}
-caps = Selenium::WebDriver::Remote::Capabilities.firefox
-caps[:platform] = 'Windows 10'
-caps[:version] = '92'
-caps[:build] = my_test_build
-caps[:name] = my_test_name
-driver = Selenium::WebDriver.for :remote, url: cloud_url, desired_capabilities: caps
+{{< gh-codeblock path="examples/ruby/spec/drivers/options_spec.rb#L123-L130">}}
 {{< /tab >}}
-{{< tab header="Python" >}}
+{{% tab header="Python" %}}
+```python
 caps = {}
 caps['browserName'] = 'firefox'
 caps['platform'] = 'Windows 10'
@@ -97,13 +99,15 @@ caps['version'] = '92'
 caps['build'] = my_test_build
 caps['name'] = my_test_name
 driver = webdriver.Remote(cloud_url, desired_capabilities=caps)
-{{< /tab >}}
+````
+{{% /tab %}}
 {{< /tabpane >}}
 
 #### After
-{{< tabpane langEqualsHeader=true >}}
+{{< tabpane text=true >}}
 {{< badge-examples >}}
-{{< tab header="Java" >}}
+{{% tab header="Java" %}}
+```java
 FirefoxOptions browserOptions = new FirefoxOptions();
 browserOptions.setPlatformName("Windows 10");
 browserOptions.setBrowserVersion("92");
@@ -112,8 +116,10 @@ cloudOptions.put("build", myTestBuild);
 cloudOptions.put("name", myTestName);
 browserOptions.setCapability("cloud:options", cloudOptions);
 WebDriver driver = new RemoteWebDriver(new URL(cloudUrl), browserOptions);
-{{< /tab >}}
-{{< tab header="JavaScript" >}}
+```
+{{% /tab %}}
+{{% tab header="JavaScript" %}}
+```javascript
 capabilities = {
   browserName: 'firefox',
   browserVersion: '92',
@@ -123,8 +129,10 @@ capabilities = {
      name: myTestName,
   }
 }
-{{< /tab >}}
-{{< tab header="CSharp" >}}
+````
+{{% /tab %}}
+{{% tab header="CSharp" %}}
+```CSharp
 var browserOptions = new FirefoxOptions();
 browserOptions.PlatformName = "Windows 10";
 browserOptions.BrowserVersion = "92";
@@ -133,11 +141,13 @@ cloudOptions.Add("build", myTestBuild);
 cloudOptions.Add("name", myTestName);
 browserOptions.AddAdditionalOption("cloud:options", cloudOptions);
 var driver = new RemoteWebDriver(new Uri(CloudURL), browserOptions);
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< tab header="Ruby" >}}
 {{< gh-codeblock path="examples/ruby/spec/drivers/options_spec.rb#L38-L47">}}
 {{< /tab >}}
-{{< tab header="Python" >}}
+{{% tab header="Python" %}}
+```python
 from selenium.webdriver.firefox.options import Options as FirefoxOptions
 options = FirefoxOptions()
 options.browser_version = '92'
@@ -147,7 +157,8 @@ cloud_options['build'] = my_test_build
 cloud_options['name'] = my_test_name
 options.set_capability('cloud:options', cloud_options)
 driver = webdriver.Remote(cloud_url, options=options)
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< /tabpane >}}
 
 ### Find element(s) utility methods in Java
diff --git a/website_and_docs/content/documentation/webdriver/troubleshooting/upgrade_to_selenium_4.ja.md b/website_and_docs/content/documentation/webdriver/troubleshooting/upgrade_to_selenium_4.ja.md
index 321465fe75e2..156ee94a7f3c 100644
--- a/website_and_docs/content/documentation/webdriver/troubleshooting/upgrade_to_selenium_4.ja.md
+++ b/website_and_docs/content/documentation/webdriver/troubleshooting/upgrade_to_selenium_4.ja.md
@@ -50,24 +50,30 @@ W3CWebDriverの標準機能のリストは次のとおりです。
 それらを `cloud:options` ブロックでラップする必要があります（適切なプレフィックスについては、クラウドベンダーに確認してください）。
 
 #### Before 
-{{< tabpane langEqualsHeader=true >}}
-{{< tab header="Java" >}}
+{{< tabpane text=true >}}
+{{< badge-examples >}}
+{{% tab header="Java" %}}
+```java
 DesiredCapabilities caps = DesiredCapabilities.firefox();
 caps.setCapability("platform", "Windows 10");
 caps.setCapability("version", "92");
 caps.setCapability("build", myTestBuild);
 caps.setCapability("name", myTestName);
 WebDriver driver = new RemoteWebDriver(new URL(cloudUrl), caps);
-{{< /tab >}}
-{{< tab header="JavaScript" >}}
+```
+{{% /tab %}}
+{{% tab header="JavaScript" %}}
+```javascript
 caps = {};
 caps['browserName'] = 'Firefox';
 caps['platform'] = 'Windows 10';
 caps['version'] = '92';
 caps['build'] = myTestBuild;
 caps['name'] = myTestName;
-{{< /tab >}}
-{{< tab header="CSharp" >}}
+```
+{{% /tab %}}
+{{% tab header="CSharp" %}}
+```CSharp
 DesiredCapabilities caps = new DesiredCapabilities();
 caps.SetCapability("browserName", "firefox");
 caps.SetCapability("platform", "Windows 10");
@@ -75,16 +81,13 @@ caps.SetCapability("version", "92");
 caps.SetCapability("build", myTestBuild);
 caps.SetCapability("name", myTestName);
 var driver = new RemoteWebDriver(new Uri(CloudURL), caps);
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< tab header="Ruby" >}}
-caps = Selenium::WebDriver::Remote::Capabilities.firefox
-caps[:platform] = 'Windows 10'
-caps[:version] = '92'
-caps[:build] = my_test_build
-caps[:name] = my_test_name
-driver = Selenium::WebDriver.for :remote, url: cloud_url, desired_capabilities: caps
+{{< gh-codeblock path="examples/ruby/spec/drivers/options_spec.rb#L123-L130">}}
 {{< /tab >}}
-{{< tab header="Python" >}}
+{{% tab header="Python" %}}
+```python
 caps = {}
 caps['browserName'] = 'firefox'
 caps['platform'] = 'Windows 10'
@@ -92,12 +95,15 @@ caps['version'] = '92'
 caps['build'] = my_test_build
 caps['name'] = my_test_name
 driver = webdriver.Remote(cloud_url, desired_capabilities=caps)
-{{< /tab >}}
+````
+{{% /tab %}}
 {{< /tabpane >}}
 
 #### After
-{{< tabpane langEqualsHeader=true >}}
-{{< tab header="Java" >}}
+{{< tabpane text=true >}}
+{{< badge-examples >}}
+{{% tab header="Java" %}}
+```java
 FirefoxOptions browserOptions = new FirefoxOptions();
 browserOptions.setPlatformName("Windows 10");
 browserOptions.setBrowserVersion("92");
@@ -106,8 +112,10 @@ cloudOptions.put("build", myTestBuild);
 cloudOptions.put("name", myTestName);
 browserOptions.setCapability("cloud:options", cloudOptions);
 WebDriver driver = new RemoteWebDriver(new URL(cloudUrl), browserOptions);
-{{< /tab >}}
-{{< tab header="JavaScript" >}}
+```
+{{% /tab %}}
+{{% tab header="JavaScript" %}}
+```javascript
 capabilities = {
   browserName: 'firefox',
   browserVersion: '92',
@@ -117,8 +125,10 @@ capabilities = {
      name: myTestName,
   }
 }
-{{< /tab >}}
-{{< tab header="CSharp" >}}
+````
+{{% /tab %}}
+{{% tab header="CSharp" %}}
+```CSharp
 var browserOptions = new FirefoxOptions();
 browserOptions.PlatformName = "Windows 10";
 browserOptions.BrowserVersion = "92";
@@ -127,11 +137,13 @@ cloudOptions.Add("build", myTestBuild);
 cloudOptions.Add("name", myTestName);
 browserOptions.AddAdditionalOption("cloud:options", cloudOptions);
 var driver = new RemoteWebDriver(new Uri(CloudURL), browserOptions);
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< tab header="Ruby" >}}
 {{< gh-codeblock path="examples/ruby/spec/drivers/options_spec.rb#L38-L47">}}
 {{< /tab >}}
-{{< tab header="Python" >}}
+{{% tab header="Python" %}}
+```python
 from selenium.webdriver.firefox.options import Options as FirefoxOptions
 options = FirefoxOptions()
 options.browser_version = '92'
@@ -141,7 +153,8 @@ cloud_options['build'] = my_test_build
 cloud_options['name'] = my_test_name
 options.set_capability('cloud:options', cloud_options)
 driver = webdriver.Remote(cloud_url, options=options)
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< /tabpane >}}
 
 ### Javaで要素ユーティリティメソッドを検索する
diff --git a/website_and_docs/content/documentation/webdriver/troubleshooting/upgrade_to_selenium_4.pt-br.md b/website_and_docs/content/documentation/webdriver/troubleshooting/upgrade_to_selenium_4.pt-br.md
index d203edd9c0eb..01746bbc753a 100644
--- a/website_and_docs/content/documentation/webdriver/troubleshooting/upgrade_to_selenium_4.pt-br.md
+++ b/website_and_docs/content/documentation/webdriver/troubleshooting/upgrade_to_selenium_4.pt-br.md
@@ -53,24 +53,30 @@ Por exemplo, se o seu fornecedor de nuvem usa os recursos `build` e `name` para
 envolvê-los em um bloco `cloud: options` (verifique com seu fornecedor de nuvem o prefixo apropriado).
 
 #### Antes 
-{{< tabpane langEqualsHeader=true >}}
-{{< tab header="Java" >}}
+{{< tabpane text=true >}}
+{{< badge-examples >}}
+{{% tab header="Java" %}}
+```java
 DesiredCapabilities caps = DesiredCapabilities.firefox();
 caps.setCapability("platform", "Windows 10");
 caps.setCapability("version", "92");
 caps.setCapability("build", myTestBuild);
 caps.setCapability("name", myTestName);
 WebDriver driver = new RemoteWebDriver(new URL(cloudUrl), caps);
-{{< /tab >}}
-{{< tab header="JavaScript" >}}
+```
+{{% /tab %}}
+{{% tab header="JavaScript" %}}
+```javascript
 caps = {};
 caps['browserName'] = 'Firefox';
 caps['platform'] = 'Windows 10';
 caps['version'] = '92';
 caps['build'] = myTestBuild;
 caps['name'] = myTestName;
-{{< /tab >}}
-{{< tab header="CSharp" >}}
+```
+{{% /tab %}}
+{{% tab header="CSharp" %}}
+```CSharp
 DesiredCapabilities caps = new DesiredCapabilities();
 caps.SetCapability("browserName", "firefox");
 caps.SetCapability("platform", "Windows 10");
@@ -78,16 +84,13 @@ caps.SetCapability("version", "92");
 caps.SetCapability("build", myTestBuild);
 caps.SetCapability("name", myTestName);
 var driver = new RemoteWebDriver(new Uri(CloudURL), caps);
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< tab header="Ruby" >}}
-caps = Selenium::WebDriver::Remote::Capabilities.firefox
-caps[:platform] = 'Windows 10'
-caps[:version] = '92'
-caps[:build] = my_test_build
-caps[:name] = my_test_name
-driver = Selenium::WebDriver.for :remote, url: cloud_url, desired_capabilities: caps
+{{< gh-codeblock path="examples/ruby/spec/drivers/options_spec.rb#L123-L130">}}
 {{< /tab >}}
-{{< tab header="Python" >}}
+{{% tab header="Python" %}}
+```python
 caps = {}
 caps['browserName'] = 'firefox'
 caps['platform'] = 'Windows 10'
@@ -95,12 +98,15 @@ caps['version'] = '92'
 caps['build'] = my_test_build
 caps['name'] = my_test_name
 driver = webdriver.Remote(cloud_url, desired_capabilities=caps)
-{{< /tab >}}
+````
+{{% /tab %}}
 {{< /tabpane >}}
 
 #### Depois
-{{< tabpane langEqualsHeader=true >}}
-{{< tab header="Java" >}}
+{{< tabpane text=true >}}
+{{< badge-examples >}}
+{{% tab header="Java" %}}
+```java
 FirefoxOptions browserOptions = new FirefoxOptions();
 browserOptions.setPlatformName("Windows 10");
 browserOptions.setBrowserVersion("92");
@@ -109,8 +115,10 @@ cloudOptions.put("build", myTestBuild);
 cloudOptions.put("name", myTestName);
 browserOptions.setCapability("cloud:options", cloudOptions);
 WebDriver driver = new RemoteWebDriver(new URL(cloudUrl), browserOptions);
-{{< /tab >}}
-{{< tab header="JavaScript" >}}
+```
+{{% /tab %}}
+{{% tab header="JavaScript" %}}
+```javascript
 capabilities = {
   browserName: 'firefox',
   browserVersion: '92',
@@ -120,8 +128,10 @@ capabilities = {
      name: myTestName,
   }
 }
-{{< /tab >}}
-{{< tab header="CSharp" >}}
+````
+{{% /tab %}}
+{{% tab header="CSharp" %}}
+```CSharp
 var browserOptions = new FirefoxOptions();
 browserOptions.PlatformName = "Windows 10";
 browserOptions.BrowserVersion = "92";
@@ -130,11 +140,13 @@ cloudOptions.Add("build", myTestBuild);
 cloudOptions.Add("name", myTestName);
 browserOptions.AddAdditionalOption("cloud:options", cloudOptions);
 var driver = new RemoteWebDriver(new Uri(CloudURL), browserOptions);
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< tab header="Ruby" >}}
 {{< gh-codeblock path="examples/ruby/spec/drivers/options_spec.rb#L38-L47">}}
 {{< /tab >}}
-{{< tab header="Python" >}}
+{{% tab header="Python" %}}
+```python
 from selenium.webdriver.firefox.options import Options as FirefoxOptions
 options = FirefoxOptions()
 options.browser_version = '92'
@@ -144,7 +156,8 @@ cloud_options['build'] = my_test_build
 cloud_options['name'] = my_test_name
 options.set_capability('cloud:options', cloud_options)
 driver = webdriver.Remote(cloud_url, options=options)
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< /tabpane >}}
 
 ### Utilitário para encontrar elemento (s) no Java
diff --git a/website_and_docs/content/documentation/webdriver/troubleshooting/upgrade_to_selenium_4.zh-cn.md b/website_and_docs/content/documentation/webdriver/troubleshooting/upgrade_to_selenium_4.zh-cn.md
index c4a490ebbaa7..432a8dd31987 100644
--- a/website_and_docs/content/documentation/webdriver/troubleshooting/upgrade_to_selenium_4.zh-cn.md
+++ b/website_and_docs/content/documentation/webdriver/troubleshooting/upgrade_to_selenium_4.zh-cn.md
@@ -64,24 +64,30 @@ Selenium 4 移除了对遗留协议的支持,
 (请与您的云供应商联系以获取适当的前缀). 
 
 #### Before 
-{{< tabpane langEqualsHeader=true >}}
-{{< tab header="Java" >}}
+{{< tabpane text=true >}}
+{{< badge-examples >}}
+{{% tab header="Java" %}}
+```java
 DesiredCapabilities caps = DesiredCapabilities.firefox();
 caps.setCapability("platform", "Windows 10");
 caps.setCapability("version", "92");
 caps.setCapability("build", myTestBuild);
 caps.setCapability("name", myTestName);
 WebDriver driver = new RemoteWebDriver(new URL(cloudUrl), caps);
-{{< /tab >}}
-{{< tab header="JavaScript" >}}
+```
+{{% /tab %}}
+{{% tab header="JavaScript" %}}
+```javascript
 caps = {};
 caps['browserName'] = 'Firefox';
 caps['platform'] = 'Windows 10';
 caps['version'] = '92';
 caps['build'] = myTestBuild;
 caps['name'] = myTestName;
-{{< /tab >}}
-{{< tab header="CSharp" >}}
+```
+{{% /tab %}}
+{{% tab header="CSharp" %}}
+```CSharp
 DesiredCapabilities caps = new DesiredCapabilities();
 caps.SetCapability("browserName", "firefox");
 caps.SetCapability("platform", "Windows 10");
@@ -89,16 +95,13 @@ caps.SetCapability("version", "92");
 caps.SetCapability("build", myTestBuild);
 caps.SetCapability("name", myTestName);
 var driver = new RemoteWebDriver(new Uri(CloudURL), caps);
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< tab header="Ruby" >}}
-caps = Selenium: : WebDriver: : Remote: : Capabilities.firefox
-caps[: platform] = 'Windows 10'
-caps[: version] = '92'
-caps[: build] = my_test_build
-caps[: name] = my_test_name
-driver = Selenium: : WebDriver.for : remote, url:  cloud_url, desired_capabilities:  caps
+{{< gh-codeblock path="examples/ruby/spec/drivers/options_spec.rb#L123-L130">}}
 {{< /tab >}}
-{{< tab header="Python" >}}
+{{% tab header="Python" %}}
+```python
 caps = {}
 caps['browserName'] = 'firefox'
 caps['platform'] = 'Windows 10'
@@ -106,46 +109,55 @@ caps['version'] = '92'
 caps['build'] = my_test_build
 caps['name'] = my_test_name
 driver = webdriver.Remote(cloud_url, desired_capabilities=caps)
-{{< /tab >}}
+````
+{{% /tab %}}
 {{< /tabpane >}}
 
 #### After
-{{< tabpane langEqualsHeader=true >}}
-{{< tab header="Java" >}}
+{{< tabpane text=true >}}
+{{< badge-examples >}}
+{{% tab header="Java" %}}
+```java
 FirefoxOptions browserOptions = new FirefoxOptions();
 browserOptions.setPlatformName("Windows 10");
 browserOptions.setBrowserVersion("92");
 Map<String, Object> cloudOptions = new HashMap<>();
 cloudOptions.put("build", myTestBuild);
 cloudOptions.put("name", myTestName);
-browserOptions.setCapability("cloud: options", cloudOptions);
+browserOptions.setCapability("cloud:options", cloudOptions);
 WebDriver driver = new RemoteWebDriver(new URL(cloudUrl), browserOptions);
-{{< /tab >}}
-{{< tab header="JavaScript" >}}
+```
+{{% /tab %}}
+{{% tab header="JavaScript" %}}
+```javascript
 capabilities = {
-  browserName:  'firefox',
-  browserVersion:  '92',
-  platformName:  'Windows 10',
-  'cloud: options':  {
-     build:  myTestBuild,
-     name:  myTestName,
+  browserName: 'firefox',
+  browserVersion: '92',
+  platformName: 'Windows 10',
+  'cloud:options': {
+     build: myTestBuild,
+     name: myTestName,
   }
 }
-{{< /tab >}}
-{{< tab header="CSharp" >}}
+````
+{{% /tab %}}
+{{% tab header="CSharp" %}}
+```CSharp
 var browserOptions = new FirefoxOptions();
 browserOptions.PlatformName = "Windows 10";
 browserOptions.BrowserVersion = "92";
 var cloudOptions = new Dictionary<string, object>();
 cloudOptions.Add("build", myTestBuild);
 cloudOptions.Add("name", myTestName);
-browserOptions.AddAdditionalOption("cloud: options", cloudOptions);
+browserOptions.AddAdditionalOption("cloud:options", cloudOptions);
 var driver = new RemoteWebDriver(new Uri(CloudURL), browserOptions);
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< tab header="Ruby" >}}
 {{< gh-codeblock path="examples/ruby/spec/drivers/options_spec.rb#L38-L47">}}
 {{< /tab >}}
-{{< tab header="Python" >}}
+{{% tab header="Python" %}}
+```python
 from selenium.webdriver.firefox.options import Options as FirefoxOptions
 options = FirefoxOptions()
 options.browser_version = '92'
@@ -153,9 +165,10 @@ options.platform_name = 'Windows 10'
 cloud_options = {}
 cloud_options['build'] = my_test_build
 cloud_options['name'] = my_test_name
-options.set_capability('cloud: options', cloud_options)
+options.set_capability('cloud:options', cloud_options)
 driver = webdriver.Remote(cloud_url, options=options)
-{{< /tab >}}
+```
+{{% /tab %}}
 {{< /tabpane >}}
 
 ### 在 Java 中查找元素工具方法