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

  • Тема 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.

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

    (@denisco)

    WordPress-разработчик, wpcute.ru

    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)

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

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

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

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

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

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

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

    Спасибо!

    • Ответ изменён 5 лет назад пользователем aloalo.
    Автор aloalo

    (@kirpidal)

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

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

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, wpcute.ru

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

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

    Автор aloalo

    (@kirpidal)

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

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

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