Elementor Question posted in
A comprehensive tutorial library can be found here.

Elementor – How to set color for individual link in WordPress / Elementor?

If it is possible in WordPress / Elementor to set different colors of links on the website? To set the preferred color of links on the wordpress page, we do it in the site settings -> typography. However, these settings are global so are valid for the entire website, so I am not able to edit the colors of individual links. I would like to do this because in different sections of the page I have different background colors and the font color must be different to be visible. Does anyone know how to fix it?

Thank you in advance.

Tags:

2

Answers


  1. 0

    You can achieve that with css.

    Give a different ID to each section where you need to edit the link color from the advanced tab:

    enter image description here

    Each section must have a different ID

    Then go to appearance >> customize >> additional css and try this code:

    #my-id a {
color: #000;
}

    Replace the #000 with your desired color and repeat that with each ID.

    Login or Signup to reply.
  2. 0

    If it helps, Elementor allows you to specify the link colour at the column level – but not, it seems, at the text editor level. Select the column to edit it, click the ‘Style’ tab, and expand the ‘Typography’ section. Here, you can set the colours for Heading, Text, Link and Link Hover.

    Elementor column typography section

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search