Форум Сайтостроение Веб-строительство

Вопрос по "more"

Wasilisk
На сайте с 23.05.2012
Offline
147
Wasilisk
702

Есть движок Вордпресса

Хочу фразу "Дальше интереснее", которая работает под командой "more" поменять в цветовой палитре. У меня все ссылки работают при наведении оранжевым цветом. Однако хочу:

1. Увеличить размер "Дальше интереснее..."

2. Поменять цвет со стандартного оранжевого на красный (при наведении)

В файле "post-template.php" в папке "wp-includes" есть строчка:

$output .= apply_filters( 'the_content_more_link', ' <a href="' . get_permalink() . "#more-{$post->ID}\" class=\"more-link\">$more_link_text</a>", $more_link_text );

В разделе content.php есть код:

<div class="entry-content">
<?php cyberchimps_featured_image(); ?>
<?php the_content(__( 'Дальше интереснее...' ) . ' <span class="meta-nav">&rarr;</span>' ); ?>

Как видно, класс у кнопочки "more" присвоен "more-link".

прописал код в style.css

.more-link {
color: red;
}

И все равно при наведении не работает красный цвет. применяется общее правило оранжевого цвета для всех.

Бился 2 часа, голова поехала... Может кто объяснить?

D
На сайте с 04.04.2009
Offline
35
danibeiss
#1

Попробуй так: 


.more-link:hover {

 color: #ff0000;

 }

или так: 


.entry-content a:hover {

 color: #ff0000;

 }


---------- Добавлено 09.09.2013 в 09:35 ----------

и не забудь добавить !important 


.more-link:hover {
 color: #ff0000!important;
 }

или так:


.entry-content a:hover {
 color: #ff0000!important;
 }
IL
На сайте с 20.04.2007
Offline
435
ivan-lev
#2
Wasilisk:
Бился 2 часа, голова поехала... Может кто объяснить?

Могу удочку дать порекомендовать инструментами разработчика воспользоваться. В хроме правой кнопкой на ссылке - просмотр кода элемента - он подскажет, какие стили и почему применяются к этому элементу.

Или просто в хроме (в разных браузерах работает) F12 жмёшь - там мно-ого интересного

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
Зачеркнутый текст в DLE Как это будет называться по style.css поможете?
Wasilisk
На сайте с 23.05.2012
Offline
147
Wasilisk
#3

danibeiss, Не работает :(

ivan-lev, вот принт :http://i019.radikal.ru/1309/2a/62025d46622a.jpg

IL
На сайте с 20.04.2007
Offline
435
ivan-lev
#4
Wasilisk:
ivan-lev, вот принт :http://i019.radikal.ru/1309/2a/62025d46622a.jpg

Вот код.

a.more-link:hover {
 color: #ff0000;
}
Wasilisk
На сайте с 23.05.2012
Offline
147
Wasilisk
#5
ivan-lev:
Вот код.
a.more-link:hover {
 color: #ff0000;
}

Ура. Работает. Вчера весь вечер ходил вокрук да около.

Чем отличается

.more-link:hover {
color: #ff0000;
}

от

a.more-link:hover {
color: #ff0000;
}

?

По сути, только лишь дописанная "а"... Не совсем врубаюсь (а, может, голова просто перегорела?). Вот есть описывать класс вида "more-link", который указывается в сгенерированном коде CNTL+U, видом

.more-link:hover {
color: #ff0000;
}

-

мне тут все понятно. Я присваиваю классу "more-link" стили наведения. Тут все логично, однако НЕ РАБОТАЕТ.

НО! как только дописываем к ".more-link" буквочку "а", все работает. Зачем ставить "а" перед точкой?

Google: валидность HTML-кода не Поиск ссылок с помощью 50+ вещей, которые следует
IL
На сайте с 20.04.2007
Offline
435
ivan-lev
#6
Wasilisk:
Зачем ставить "а" перед точкой?

Ссылку "на почитать" про CSS=каскадные таблицы стилей...

Wasilisk
На сайте с 23.05.2012
Offline
147
Wasilisk
#7

Спасибо, пошел учить CSS...

Wasilisk
На сайте с 23.05.2012
Offline
147
Wasilisk
#8

Доброго времени.

Снова занимаюсь с сексом с кодом.

На сей раз потрачено 1.5 часа на ломку головы на тему "Почему на работает?"

Есть код:

blockquote {
margin: 20px 10px;
padding: 3px;
background-color: #cccccc;
}


blockquote p {
margin: 10px;
}

blockquote cite {
font-size: 0.9em;
}

blockquote cite:before {
position: relative;
top: -2px;
margin: 0 5px;
content: ' ̶ ';
}

Этот код беру из style.css . Соответстенно, хочу поменять стилистику цитаты. Меняю цвет на красный - не работает. Применяю абсолютно другие стили для "блоквоут" - ноль внимания. Интересно, что в файле все поменяю, нажму на "Обновить файл" в админке ВП, захожу на страницу - все как и было. Такое ощущение, есть какие-то перейшие файлы, которые задают параметры. Рыскал по другим частям кода - нигде не нашел.

В чем дело не могу понять.

Не применяется стиль из По ЦСС вопрос, хелп Исходный код в вордпрес.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий