Docs

[WPH2o]

Hello,

How can I force links to be underlined?

I’ve tried using this:

/* force all links on site to underline */
/* unvisited link */
a:link {
	background-color: #eee;
	font-weight: 900 !important;
	padding: 2px;
	text-decoration: underline !important;
}

/* visited link */
a:visited {
	background-color: #eee;
	font-weight: 900 !important;
	padding: 2px;
	text-decoration: underline !important;
}

/* mouse over link */
a:hover {
	background-color: #0a305f;
	color: #fff;
	font-weight: 900 !important;
	padding: 2px;
	text-decoration: underline !important;
}

/* selected link */
a:active {
	background-color: #eee;
	font-weight: 900 !important;
	padding: 2px;
	text-decoration: underline !important;
}

I’ve tried targeting the page:

/* checkout terms and conditions link */
.page-id-17 a:link,
.page-id-17 a#terms_and_conditions,
.page-id-17 .entry-content .woocommerce a,
.wctc-terms-and-conditions.vbox-item a {
	text-decoration: underline !important;
	font-weight: 900 !important;
}

I looked under Customizer > Typography (and all other areas), and I cannot find a way to have text links underlined.

Thank you for the help.

Chris

[Joao]

Hi To have links underline you can simply used:

a {
  text-decoration: underline !important;
}

Hope that helps,

Joao

[WPH2o]

Yeah, thanks. I tried that and it fails.

And as you can see from the code I submitted above no “a” link tags will work to make the anchor links be underlined.

WHERE and HOW can I do this?

When I inspect the page in FF or Chrome, and add the correct CSS it works.

However, when I add the CSS to the site t fails.

How can I tell the theme to let me underline links?

Thank you,

Chris

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Author]

Posts