How To Change Link Color in Elementor

How To Change Link Color in Elementor

When changing the colors of links in Elementor you may use the following methods in this documentation. 

Global Site Settings For Link Color

Click the Hamburger menu in the upper left corner of any page or post』s widget panel to access the Site Settings > Theme Style > Typography.

Link – Normal | Hover

Color: Choose the default color of links for both normal and hover statesTypography: Change the default typography of links for both normal and hover states

See Also: Theme Style – Global Settings

CSS Classes

If you need to override the Site Settings, you may create additional CSS link classes in the Site Settings > Custom CSS region. Add these classes to your text editor or widget links.

CSS Class Snippet

a.mygreenlink:link, a.mygreenlink:visited, a.mygreenlink:active{ color:green; text-decoration: none; } a.mygreenlink:hover { color: green; text-decoration: underline; }

Usage Example

My Green CSS Class Link

Inline HTML Style

You may additionally use the style property directly in your link HTML .

Usage Example

My Purple Inline CSS Link

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注