Elementor underline color. I think it’s worth checking with their support. In this Tutorial I will show you how to add a custom underlined text in Elementor. Elementor Tip: Within Elementor’s visual editor, you’ll find the “Text Decoration Color” option alongside the main underline setting, making customization a breeze. I want to make the underline Green. I wonder if you are talking about menu underline effect or text-underline. decoration { text-decoration: green; } Thanks Learn How To Underline Text In Elementor in this video. Please help me out if you know how to add a simple underline when hovering on text (text editor) and heading. With the Advanced Typography widget from The Plus Addons for Elementor, you can easily add an image reveal effect on text in Elementor. Keep reading for the underline on hover tutorial. Sep 17, 2025 · Learn everything about Change the color of your links in this article from Elementor's Knowledge Base. I am I would like to shorten the "underline" in the Elementor header menu of my Wordpress website: Shortening of header underline - screenshot I used this code to achieve this (I copied it from Nov 25, 2020 · Hi there I am trying to change the colour of my underlines site-wide. Otherwise give this a shot: . Hover Effects: Change the underlined color when users hover over elements (often used for links). Use this subreddit to ask questions, show off your Elementor creations, and meet other Elementor enthusiasts. I have followed the information here: #7553 However this CSS does not work, when placed in the header additional CSS it tells me that the 'text-decoration-color' is unknown property. So Do Watch This Video Till The End And Don't Forget To Like And Share This Video. We would like to show you a description here but the site won’t allow us. Apr 9, 2018 · You are using Elementor Canvas which strips all of GP’s elements and style so I wonder if they would have a better method for this instead of us giving you CSS solution to modify it. With fully customizable options for underline style, icon, and color, the Underline Link Hover Effect widget gives you the flexibility to match your site’s design perfectly. I’ve noticed to change the hyperlink colour I have to go to ‘body’ instead of ‘content’ now, so not sure if this has something to do with it. Then tried adding the following to the element's CSS: . more Jan 22, 2022 · Check out this premium tutorial to have an Elementor underline animation on scroll instead of hover. Dec 7, 2025 · Emphasis: Draw attention to specific phrases with contrasting underline colors. This is an extremely easy effect to add using simple CSS to your text and page builder. It's time to learn how to underline links & change the Elementor link color with Elementor custom CSS code! Copy and paste my CSS code. Get Elementor tips & more. Also, how would I apply this styling to all the buttons with css: background color: #00ccb0, Text white, Hover background color: #01bca6, text white? /* Elementor Buttons /* . Adding unique underlines to text not only improves the design but you can easily highlight important parts of the text. elementor-button { text-decoration: none; }. I've tried and failed adding a CSS class called 'decoration'. When the CSS is placed in the site CSS, nothing happens How can i change the underline color ? Dec 31, 2022 · In this tutorial I will show you how to add highlighted custom underlined text to your Elementor website. If you try doing it the way Elementor offers, it's going to underline the whole heading and if you do it inside a text editor, you still can't control the color, size or offset. Thing is that text-underline inherits text color, so most people get rid of underline property and change it to a border or shadow so it can be customizable apart from base colour. There is an option to add an underline as decoration (no hover option) or only change the text color when hovering, no underline option. This is extremely easy to do and adds great effect to your website. Get Plugins in the tutorialmore Problem: When I add a link to text or heading there is no option for an underline effect when hovering. entry-content a { text-decoration: underline; It worked until I implemented the sitewide Elementor single page template. I tried this code with no success. I've underlined a word in Text Editor. Learn how to achieve Elementor underline text effect using nothing but just Custom CSS. single elementor-container a { text-decoration: none; Hello, I’ve used the following code to underline my website’s hyperlinks: } . Welcome to the unofficial Elementor subreddit, the number one place on Reddit to discuss Elementor the live page builder for WordPress. post-template-elementor_canvas. Please could you let me know how I Nov 8, 2019 · Hi, I would like to remove the default elementor underline styling. tddi act zzflhu nxebsa zrasli hefb jndu ddo qvoi cayjbpc