Удаление подчеркивания по ссылкам на сайте WordPress.текстовое оформление: нет;не работает

Question

Прежде чем вы отметите меня как дубликат: я прочитал все подобные вопросы и попробовал решения, или я слишком туп, чтобы понять их (допустимая возможность), или моя проблема другая, но они не работалидля меня.

Я был отмечен не по теме на форуме WordPress, так как это, очевидно, проблема CSS / HTML, поэтому я разместил здесь.

Теперь перейдем к проблеме:

У меня проблемы с удалением подчеркиваний некоторых ссылок, которые есть на моем сайте.Вот мое html определение ссылок:

<p style="text-align: center;">
    <a class="buttonL" href="http://cns.uni.lu/homel">&lt;</a>
    <a class="buttonR" href="http://cns.uni.lu/homer">&gt;</a>
</p>

И мой CSS со страницы "custom CSS":

.buttonL {
    border-radius: 50%;
    position:fixed;
    top: 50%;
    left: 0%;
    background-color: transparent;
    border: none;
    color: grey;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    font-size: 50px;
    margin: 4px 2px;
    cursor: pointer;
    font-weight: 900;
}

.buttonR {
    border-radius: 50%;
    position:fixed;
    top: 50%;
    right: 0%;
    background-color: transparent;
    border: none;
    color: grey;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    font-size: 50px;
    margin: 4px 2px;
    cursor: pointer;
    font-weight: 900
}

Я знаю, что это избыточно и не элегантно.Бесполезно комментировать это.Позже я могу сделать его более элегантным.

По какой-то причине под ссылками есть линия, которая не исчезнет.Я пытался использовать

text-decoration:none !important;

, но безрезультатно.Я применил его дляa: active, .buttonR a: link, .buttonR a: active.

Я также пытался сделать

border-bottom: none;

и

box-shadow: none;

, также длябезрезультатно.

Есть идеи о том, что я делаю неправильно?

PS Я не могу связать страницу, на которую я ссылаюсь, так как она находится во внутренней сети.Извините ...

Вот скриншот страницы: Указанные ссылки - стрелки в обе стороны.Хотя другие ссылки имеют ту же проблему.

Answer 1

Если css не работает значит используйте jquery

<script>
    $(document).ready(function(){
        $('.buttonL').css('text-decoration','none');
        $('.buttonR').css('text-decoration','none');
    });
<script>

Надеюсь, это решит вашу проблему.

Answer 2

Я только что нашел решение:

По какой-то причине градиент фона (хотя он был белым) оставил линию на границе фона (или центра - я не уверен).Чтобы удалить это, я добавил

.entry-content a{background-image:none;}

в файл css, вместо того, чтобы просто сделать его прозрачным.

Спасибо за помощь: D

Answer 3

Использование Этот CSS может помочь вам благодаря

   body .buttonL, body .buttonR {
        text-decoration: none !important;
    }

ИЛИ ИСПОЛЬЗУЙТЕ ЭТО

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