So I am new to WordPress, on my website I recently opened the source code and am learning how to customize even more. One thing I am stuck on is how to remove underlines from hyperlink, I tried the text decoration none thing but it did not work, this is the code, what and where do I typset into it to remove underlines?
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5","fontSize":"30px"}}} -->
<p style="font-size:30px;line-height:1.5">
<strong><a rel="noreferrer noopener"
href="https://www.youtube.com/channel/UCcW39gKRENfPwqOC3OEgexw"
target="_blank"
>Here I post math videos to our YouTube page!</a>
</strong>
</p>
<!-- /wp:paragraph -->
Thanks! also was not sure what to tag this as so sorry, this is my first WPSE question. I may have many more as I am learning to code it manually rather than use the user friendly interface. Also to see my code you may need to open editor? not sure how to display the code.
Answers:
Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.
Method 1
The code you said you tried, a {text-decoration:none;}, should work. Using, a {text-decoration:none!important;}, should definitely work or using an inline style, like in the <p> tag would take precedence over the stylesheet.
The more correct way would be to either edit the CSS, ideally in a child theme, and apply your own styling. Using !important in the Theme Customizer Custom CSS should be good enough for a mathematician 😉 or anyone else who is doing this as a hobby.
All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0