How to chenge links on a single page

Hi,

For page, you need to include .page infront of selector. You can insert the below-mentioned code in the Additional CSS box:

.page a:link {
color: green !important;
}

.page a:visited {
color: green  !important;
}

.page a:hover {
color: red  !important;
}

.page a:active {
color: yellow  !important;
}

Thanks.

Hi,

Thank you for your prompt reply. Unfortunately if add the above CSS code to Additional CSS it applies to the entire site, and it also changes the navigation. Instead I’d like to make the changes to single page using the Widget Style Attributes. My problem is that the code above does not work there. Any other suggestions?

Thanks!

Hi,

If you want to change on only one specific page, you can insert the code inside Additional CSS box as mentioned below:

.page-id-13 .site-content a:link {
color: green !important;
}

.page-id-13 .site-content a:visited {
color: green  !important;
}

.page-id-13 .site-content a:hover {
color: red  !important;
}

.page-id-13 .site-content a:active {
color: yellow  !important;
}

Thanks.

Thank you very much! That worked perfectly.

Hey,

Good to know it worked. It’s a pleasure to help you out. We hope you are finding flash theme interesting. We would really appreciate for the review.

Good Day,
Best Regards.