Поддержка → Темы и шаблоны → Не работает кнопка

Не работает кнопка

  • aloalo

    (@kirpidal)


    6 лет, 8 месяцев назад

    Тема barletta, уже жалею что связался с ней =(

    Не работают стили кнопок.

    1. Создал стили кнопкам:

    .but{text-decoration:none; text-align:center; 
 padding:11px 32px; 
 border:none; 
 -webkit-border-radius:25px;
 -moz-border-radius:25px; 
 border-radius: 25px; 
 font:14px "Lucida Console", Monaco, monospace; 
 font-weight:bold; 
 color:#ffffff; 
 background:#009847; 
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }

.but:hover{
 padding:11px 32px; 
 border:none; 
 -webkit-border-radius:25px;
 -moz-border-radius:25px; 
 border-radius: 25px; 
 font:15px "Lucida Console", Monaco, monospace; 
 font-weight:bold; 
 color:#ffffff; 
 background:#009847; 
 -webkit-box-shadow:4px -3px 8px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 4px -3px 8px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:4px -3px 8px #bababa, inset 0px 0px 1px #ffffff;  
  
 }

.but:active{
 padding:11px 32px; 
 border:none; 
 -webkit-border-radius:25px;
 -moz-border-radius:25px; 
 border-radius: 25px; 
 font:14px "Lucida Console", Monaco, monospace; 
 font-weight:bold; 
 color:#ffffff; 
 background:#009847; 
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
 }

    2. Подцепил css файл в [едере между тегами head
    <link rel="stylesheet" type="text/css" media="all" href="public_html/wp-content/themes/barletta/button.css"/>

    3. вставляю как человек код в нужном месте в вкладке текст:
    <a href="http://yandex.ru" target="_blank">Подробнее</a>

    и ничего не получаю, полную фигню =(

    http://prntscr.com/g5jpth

    Изтрахал себе весь мозг уже. Help me please.

    • Тема изменена 6 лет, 8 месяцев назад пользователем SeVlad. Причина: Оформляйте, пож, код как следует
Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    6 лет, 8 месяцев назад

    1. Создал стили кнопкам:

    Обычно самый простой и быстрый способ сделать небольшие CSS-корректировки — добавить их в раздел Внешний вид -> Настроить -> Дополнительные стили.

    Подцепил css файл в [едере между тегами head

    1. Если Вам нужно что-то изменить в готовой теме — лучше делать это с помощью дочерней темы. Иначе после обновления темы, придется всё делать заново.
    2. Будет полезно почитать про правильное подключение стилей в WordPress, либо поискать что-то про wp_enqueue_style на русском языке.
    3. Я думаю, путь указан неверно. Вы уверены, что файл расположен по адресу http://адрес_сайта/public_html/wp-content/themes/barletta/button.css ? Что происходит, если открыть в браузере? Пункт 2 также поможет избежать некоторых проблем с неправильными путями.

    3. вставляю как человек код в нужном месте в вкладке текст:

    Вы применяете стили к классу .btn. Не вижу его в коде. Думаю, его стоит добавить для этой ссылки.

    Автор aloalo

    (@kirpidal)

    6 лет, 8 месяцев назад

    лучше делать это с помощью дочерней темы.

    Согласен, но увы уже начато, в текущей обновления отключены

    Я думаю, путь указан неверно.

    http://prntscr.com/g5os0m верно, файл появился в базовом редакторе.

    Вы применяете стили к классу .btn.

    тут Вы правильно заметили, но это просто ошибка текста на форуме…
    в реальности я применяю этот класс и ничего не происходит

    Может ещё что не учёл?

    Спасибо!

    • Ответ изменён 6 лет, 8 месяцев назад пользователем aloalo.
    Автор aloalo

    (@kirpidal)

    6 лет, 8 месяцев назад

    Вы уверены, что файл расположен по адресу http://адрес_сайта/public_html/wp-content/themes/barletta/button.css ? Что происходит, если открыть в браузере?

    хм, пишет, что страница не найдена, но файл реально физически там.

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    6 лет, 8 месяцев назад

    хм, пишет, что страница не найдена, но файл реально физически там.

    Скорее всего тут: http://адрес_сайта/wp-content/themes/barletta/button.css

    Автор aloalo

    (@kirpidal)

    6 лет, 8 месяцев назад

    Скорее всего тут: http://адрес_сайта/wp-content/themes/barletta/button.css

    Спасибо, но это было так!)))
    Вышеизложеннные рекомендации читаю)))

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Тема «Не работает кнопка» закрыта для новых ответов.

Просмотр