> ## Documentation Index
> Fetch the complete documentation index at: https://kb.hosting.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Detecting the visitor browser type on WordPress sites

> Discover how to use custom CSS and a PHP function to detect browser types and personalize your WordPress site.

Apply customised style to wordpress sites by detecting the browser type and triggering custom CSS / style that will personalize your site to user-specific browser. This article will show you how to detect the browser type on Wordpress sites using a short PHP function

### Detecting browsers type on WordPress site

<Warning>
  **Important**

  Always perform a backup before you make any changes to the theme files. If you break any codes, it will be easier to revert your site to its last good known state. Alternatively, you could also create a child theme. Read this link on how to create a child theme: [https://www.hosting.com/blog/wordpress-child-theme/](https://www.hosting.com/blog/wordpress-child-theme/)
</Warning>

Follow the steps below to edit your Theme setting file to detect browsers type on WordPress sites:

Log in to your WordPress site with an administrator account.

1. On the **Dashboard** in the left sidebar, click **Appearance**, and then click **Theme Editor**:\
   ![](https://static.hosting.com/kb/kb-wp-themeeditor.png)

2. On the **Theme Editor,** select the **Theme** you want to edit from the dropdown:\
   ![](https://static.hosting.com/kb/kb-wp-themefiles-selecttheme.png)

3. The files for this selected theme are listed on the right column under **Theme Files**. Click on the file named "functions.php":\
   ![](https://static.hosting.com/kb/kb-wp-themefiles-function.png)

4. Insert the following code to the end of functions.php file and click **Update File Button** to save the changes:

```
add_filter('body_class','detect_browser');

function detect_browser($classes) {
global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;

if($is_opera) $classes[] = 'opera';
elseif($is_safari) $classes[] = 'safari';

elseif($is_chrome) $classes[] = 'chrome';

elseif($is_IE) $classes[] = 'ie';
```

## Related articles

* [Adding a custom logo to WordPress](/docs/adding-a-custom-logo-to-wordpress)