---
title: "How to Highlight any Specific Line in Syntax Highlight in Elementor?"
url: https://theplusaddons.com/docs/highlight-any-specific-line-in-syntax-highlight-in-elementor/
date: 2024-03-15
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "The Plus Addon for Elementor’s Syntax Highlighter widget is a powerful feature and used for displaying code snippets on websites. Whether you're a developer, blogger, or content creator, having the..."
image: https://theplusaddons.com/wp-content/uploads/2024/03/How-to-Highlight-any-Specific-Line-in-Syntax-Highlight-in-Elementor_-1024x536.jpg
word_count: 219
---

# How to Highlight any Specific Line in Syntax Highlight in Elementor?

## 

- The Plus Addons for Elementor features a Syntax Highlighter widget that enhances code snippet readability.
- Users can highlight specific lines in code by entering line numbers or ranges in the Line Highlight field.
- The Syntax Highlighter widget requires installation and activation of The Plus Addons for Elementor to function properly.

The Plus Addon for Elementor’s Syntax Highlighter widget is a powerful feature and used for displaying code snippets on websites. Whether you're a developer, blogger, or content creator, having the ability to highlight specific lines of code can greatly enhance the readability and understanding of your content.

With the Syntax Highlighter Widget from The Plus Addons for Elementor, you can easily highlight any line in Syntax Highlighter.

*To check the complete feature overview documentation of The Plus Addons for Elementor Syntax Highlighter widget, [click here.](https://theplusaddons.com/docs//syntax-highlighter-settings-overview/)*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-age-gate/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, add the Syntax Highlighter widget to the page and follow the steps - 

1. Select the appropriate language from the **Language** dropdown.

2. In the **Source Code **field, you have to add the source code.

![Highlight Specific Line Syntax Highlight](https://theplusaddons.com/wp-content/uploads/2024/03/Highlight-Specific-Line-Syntax-Highlight.gif)

3. Enable the **Line Number** toggle. 

4. Then add the line numbers you want to highlight from the  **Line Highlight** field.

You can add numbers for individual lines in **Line Highlight** field such as “**4,5**” or specify a range like ”**4-7**” that will be highlighted.

Now, you will have a specific line highlighted in your syntax highlighter.

![Highlight Specific Line Syntax Highlight Demo](https://theplusaddons.com/wp-content/uploads/2024/03/Highlight-Specific-Line-Syntax-Highlight-Demo.png)

***Suggested Read: **[How to Add Download Button in Syntax/Code Highlighter in Elementor?](https://theplusaddons.com/docs//add-download-button-in-code-highlighter-in-elementor/)*