Return to previous page

Changing the color and hovering color of hyperlinks

This topic has 13 replies, 3 voices, and was last updated 2 years, 11 months ago ago by Farhad

Farhad

Participant

December 17, 2021 at 04:34

Hi,
I can’t figure out how to change the color and hovering color of hyperlinks in posts and pages. Could you help me with this?

Please, contact administrator
for this information.

#312268 Copied Theme version: 8.0.11 WooCommerce version: 6.0.0

12 Answers
Rose Tyler

Support staff

December 17, 2021 at 14:30
Hello,

The main color you can change via Theme Options > Styling. For other links custom CSS code can be used, for example, add the next code in Theme Options > Theme custom CSS > Global:
```
a {
    color: #474dff;
}
a:hover {
    color: #222;
}
```
Regards
#312314 Copied
Farhad

Participant

December 17, 2021 at 18:24

Thank you so much, it worked.

#312342 Copied

Farhad

Participant

December 17, 2021 at 18:34

It actually worked partially. For example, the words “sensors” and “restaurants” have hyperlinks but are still in black, while another linked phrase, ” Watch a sample tutorial video” has turned to the color: #474dff. The hover color works fine for all.
https://www.choovio.com/temperature-and-humidity-monitoring-system/
https://postimg.cc/BttdZPtj

Thank you!

#312343 Copied
Rose Tyler

Support staff

December 18, 2021 at 09:06
Hello,

Please change this code https://prnt.sc/23j51nh to:
```
a, .mpc-textblock a {
    color: #474dff;
}
a:hover, .mpc-textblock a:hover {
    color: #222;
}
```
Regards
#312381 Copied
Farhad

Participant

December 19, 2021 at 19:06

The link is not working for me and I can’t see the screenshot you shared.

#312517 Copied

Farhad

Participant

December 19, 2021 at 20:09

I replaced the previous code with the new one and it worked. thank you!

#312520 Copied

Olga Barlow

Support staff

December 20, 2021 at 16:06

Hello,

You are welcome.

Regards

#312581 Copied

Farhad

Participant

December 20, 2021 at 23:10

You are the best!
Could you please help me with another issue? I can’t figure out why the following page is not shown on mobiles correctly. the first 3 sections are missing when browsing the page on mobile:
https://www.choovio.com/iot-sensor-solutions/

#312657 Copied

Olga Barlow

Support staff

December 21, 2021 at 16:50

Hello,

Because you set to hide columns in the Responsive column settings https://prnt.sc/23vrh2g

Regards

#312697 Copied

Farhad

Participant

December 21, 2021 at 20:01

Thanks, Olga,
I used the import option to create the page, and it should have been like this by default, I guess since I had no clue how to enable/disable this option.
Unfortunately, I cant see the screenshot you share. Could you please share via a different platform or email it to me?
I found this option and enabled display on mobile and tablet but still, it’s not showing.

#312735 Copied

Rose Tyler

Support staff

December 22, 2021 at 08:47

Hello,

Please check this screenshot – https://ibb.co/rsqWPWw

Regards

#312745 Copied

Farhad

Participant

December 23, 2021 at 01:10

appreciate your time!

#312883 Copied
Tagged: colors, customization, hovering, hyperlinks, themes, woocommerce, wordpress
Viewing 13 results - 1 through 13 (of 13 total)

The issue related to '‘Changing the color and hovering color of hyperlinks’' has been successfully resolved, and the topic is now closed for further responses

Changing the color and hovering color of hyperlinks

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection