Archived topic

Hyperlink Styling

9 replies · Started by jim on April 29, 2020

Viewing posts 1–10 of 10

April 29, 2020 at 7:51 am #1261369

Hi there,

I am trying to figure out how to apply styling to hyperlinks other than the custom colored offered from customizer (Customiser > Colors >Body) or Elementor Theme Style> Typography.

What

i.I need to add (CSS?) is the link to be underlined with red color when normal and with hover to keep just the red color(without underline).
ii. underline with green color when normal and marked with green color when hover

Is it possible to apply those CSS settings globally except for menus (header - footer and sidebar)?

Thanks in advance

April 29, 2020 at 9:12 am #1261523

Hi there,

The method is different depending on if Elementor is used or not.

Any chance you can disable the maintenance mode and guide me to the link in question?

May 11, 2020 at 10:27 am #1279492

Hi Leo,

Please check here https://oddspower.com/. There are several links to the homepage.

How can I apply the stylish format?

May 11, 2020 at 12:25 pm #1279674

I'm seeing this CSS that is styling the links:
https://www.screencast.com/t/gXfxuKBHq3

Can you remove that first?

Let me know :)

May 12, 2020 at 4:22 am #1280546

yes sure. Can you please check now.

thanks

May 12, 2020 at 10:04 am #1281185

So the CSS selector you are looking for should be:
.site-content a and .site-content a:hover

May 13, 2020 at 7:26 am #1282412

thanks but based on this selector I tried to add also the underline style.

check here https://www.screencast.com/t/UKVcTaZfu wh

It's being applied ROS (widget, elements, etc). any idea to limit only to the content text area?

May 13, 2020 at 8:44 am #1282752

Try .site-content p a - it should only affect those links within a paragraph.

May 14, 2020 at 12:22 am #1283632

thanks for your help David.

May 14, 2020 at 4:08 am #1283837

You're welcome

This archived topic is closed to new replies.

Start building better websites today.