Remove Underlines From Footer Links

Site URL: https://www.shadedsavanna.com/

Hi,

I am trying to remove underlines from my website's footer links.

I have added this code below, however the links are still underlined.

a:link {
  text-decoration: none !important;
}

I am using the Bryant Hill template.

Any help on this would be greatly appreciated.

1 hour ago, Nabeel_D said:

Site URL: https://www.shadedsavanna.com/

Hi,

I am trying to remove underlines from my website's footer links.

I have added this code below, however the links are still underlined.

a:link {
  text-decoration: none !important;
}

I am using the Bryant Hill template.

Any help on this would be greatly appreciated.

It was border bottom

#footer .html-block a, #footer .html-block a:visited {
	border-bottom: none;
}

On 1/14/2021 at 10:56 AM, bangank36 said:

It was border bottom

#footer .html-block a, #footer .html-block a:visited {
	border-bottom: none;
}

Hi bangank36,

I have added your CSS to the website and the bottom border has been removed.

Thank you so much for your assistance, it is greatly appreciated.

@Nabeel_D The icons look huge on mobile. If you want to change to 2 icons/row, you can add this CSS

/* increase your icons */
@media screen and (max-width:640px) {
div#block-c8849a8bc713f8967b0c+.row>.span-3 {
    width: 50% !important;
    float: left !important;
}
div#block-c8849a8bc713f8967b0c+.row>.span-3:nth-child(2n+1) {
    clear: left;
}
}

On 1/20/2021 at 10:46 AM, tuanphan said:

@Nabeel_D The icons look huge on mobile. If you want to change to 2 icons/row, you can add this CSS

/* increase your icons */
@media screen and (max-width:640px) {
div#block-c8849a8bc713f8967b0c+.row>.span-3 {
    width: 50% !important;
    float: left !important;
}
div#block-c8849a8bc713f8967b0c+.row>.span-3:nth-child(2n+1) {
    clear: left;
}
}

Hi @tuanphan

I have implemented the CSS that you have provided.

Thank you so much for this suggestion, it is much appreciated!