![]() 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. Use background-position to set the image’s position in the lower left. currentColor tells the browser to use the element’s color from the main color property. As we want the underline to be the same color as the link, we use currentColor for both the start and end of the gradient. You may want to add a small label under the icon or add text on top of it. Add text to icons Write it out Icons and text go hand in hand. Use background-image as it allows spanning multiple lines. Click the element you want to recolor, choose the color picker from the left-hand menu and select the color you want. 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. First, remove the default text-decoration. ![]() 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. A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. You can find this option in the Customizer, under Global > Typography. Rapidly build modern websites without ever leaving your HTML. The Underline Content Links option allows you to accent all links on your website with just one click. Open the Font dialog box and change the Underline Style to Single Line and the Underline Colour to the colour of your slide background. This document will help you remove underlined links on specific classes and buttons. Hiding the Underline on a Hyperlink One way to hide the underline is to make the underline colour the same as the background colour of your slide. Yet, you might not need to have all of your links underlined. This is a useful option especially from the point of your website’s accessibility for visually impaired users. Since the Astra Theme version 3.6.4, you can underline the links in your content using the “Underline Content Links” option.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |