Tag Archives: inspect-element

The post How to find out which theme a WordPress site is using? appeared first on HostGator Blog . Have you ever come across a website that you simply loved in terms of design and functionality? Better yet, have you ever found a website that you were so impressed with, you felt you just had to have it for yourself ( with your own branding elements, unique style and content of course! )? If you find yourself wanting to give your WordPress website a makeover, without starting over from scratch and re-doing everything from blog posts to pages, media uploads to comments, you’re in luck. All you have to do is change your site’s WordPress theme. In fact, WordPress is popular in part because its design is so flexible and can be changed at any moment, without affecting too much of your site’s foundation. Finding a fellow WordPress website that you want to draw inspiration from is great – until you realize you have no idea what WordPress theme it’s using . That’s why today I am going to walk you through how to manually find which theme any WordPress website is using , as well as share some helpful online tools that may speed up the process for you, so you can start your site redesign right away. So, let’s get started. How to Find the Theme of Any WordPress Website There are many online tools dedicated to helping you determine what theme WordPress websites are using ( more on those later ). But the problem is, sometimes website owners change the name of their WordPress themes, preventing these tools from recognizing the theme they’re using and spilling the beans to you. That’s why knowing how to manually find the theme of a WordPress website is so helpful. And the best part is, it’s not that hard to do! Each WordPress theme has what’s called a style.css file. This file contains information about the theme in use such as the name of the theme, the theme author, the stylesheet URL, the theme version, and more. It also has the CSS styles used by the theme. This file is what you need to find if you want to learn what theme a WordPress site is using. Step 1: Find the Style.CSS File The first thing you’ll want to do is go to the WordPress website you love. For this example, I’ll use my very own website https://www.websitehostingrating.com. Next, right click anywhere on the screen of the website you’re investigating. From the options available, choose the one labeled “ Inspect .” Note – You can click on the “View Page Source” option as well, though I find that Inspect Element makes searching for the specific theme file a whole lot easier. That said, if you do choose to use the View Page Source option, you can always use Ctrl + F ( on Windows ) or Cmd + F ( on Mac ) to open a search bar near the bottom to find the style.css file. Step 2: Inspect the CSS File When you click on Inspect Element, you’ll see a bunch of crazy looking code appear at the bottom of the screen. Don’t panic, you don’t need to understand all of this. All you need to do is find a line of code that looks something like this: This is the theme’s stylesheet – the css file. The easiest way to find this line is to enter the word “theme”, “style.css” or something similar into the search bar and click enter. This should bring up the line of code you’re looking for. In the above image, the line of code we’re looking for is highlighted in blue. Now, this bit of code may be enough for you to find the information you want, which is the name of the theme being used on the website. For instance, you can see that I use the theme Academy Pro , which happens to be a StudioPress theme built on the Genesis Framework . Notice the places the name Academy Pro appears. If you didn’t know that Academy Pro was a WordPress theme offhand, a simple Google search will bring it right up for you. If you’re looking for more information about the theme, you might be able to click on the URL in the style.css file and see data such as the theme’s URL or author. When you do this, it should look something like this: Theme Name: Academy Pro Theme URI: https://my.studiopress.com/themes/academy/ Description: The theme for online course creators, membership site owners, and educational content marketers. Author: StudioPress Author URI: https://www.studiopress.com/   Unfortunately, because WordPress themes are all different, and the code that comes with each theme file differs too, you may end up seeing a screen like this: I don’t know about you, but I have the theme name and that’s enough for me! I should also mention that this method won’t work for custom made themes or where the site owner has renamed, or deleted, the name of the WordPress theme he or she is using. Using an Online Tool to Determine a WordPress Theme Now that you know how to manually find the theme of any WordPress website out there, it’s time to make things easier by using an online theme detector tool. There are plenty of online WordPress detection tools to choose from, but in my opinion these two are the most accurate: WP Theme Detector WP Sniffer (Google Chrome extension) They both work really well, however some of them will also report the plugins that are being used on a website, which can be really helpful for that added functionality you might be after in your site’s redesign. For our example, I’ll use WP Theme Detector and see what pops up when I enter the URL: https://www.websitehostingrating.com . As you can see, this online tool determined that I am using the Academy Pro WordPress theme, which is a child theme of the Framework Genesis, which is authored by StudioPress, all of which I already determined manually. And there you have it! You now know how to manually find the theme any WordPress website is using should you want to look into using the same theme for your own website. And if you’re lucky, and the code is correct, you can find this information even faster using a free online tool such as WP Theme Detector and begin your site redesign right away! Have you ever had to manually determine the theme being used on a WordPress website? I would love to hear all about it in the comments below! Find the post on the HostGator Blog Continue reading →