Code To Remove the Underline Settings for Following Custom Anchor Links: add_filter( 'astra_unset_builder_elements_underline', '_return_true' ) Ģ. If you are not sure how to add this code, please check this article.ġ. If you don’t have your Child Theme installed, please check this article on how to do it. To do this, you need to add one of the following custom codes to the functions.php file of your Child Theme. The two available codes will let you remove the underline setting for anchor links or remove it from just some specific elements. We can get rid of underlying hyperlinks by using CSS text-decoration property. To get rid of this underline, we need to do the following changes in the default decoration of the anchor tag using CSS. This is due to the default decoration that is imposed by HTML/CSS.
Thus, this document provides two codes that will help you remove the underline text-decoration on certain classes and buttons while keeping the “Underline Content Links” option active for the rest of your website. Practice Video In CSS, the hyperlinks are underlined by default. This can interfere with your design and influence the user experience on parts of your website. Activating this option automatically adds underline text-decoration to your links.Īt the same time, some page builder buttons or anchors don’t have an option for overriding the text decoration. You can find this option in the Customizer, under Global > Typography. The Underline Content Links option allows you to accent all links on your website with just one click. This document will help you remove underlined links on specific classes and buttons. Yet, you might not need to have all of your links underlined. For instance, you can keep the default underlinealways behavior. This is a useful option especially from the point of your website’s accessibility for visually impaired users. For the best user experience, links should stand out from the text on the page. Lists Unordered Lists Ordered Lists Other Lists HTML Block & Inline HTML Classes HTML Id HTML Iframes HTML JavaScript HTML File Paths HTML Head HTML Layout HTML Responsive HTML Computercode HTML Semantics HTML Style Guide HTML Entities HTML Symbols HTML Emojis HTML Charset HTML URL Encode HTML vs.Since the Astra Theme version 3.6.4, you can underline the links in your content using the “Underline Content Links” option.
0 kommentar(er)
