Как да направя състоянието на задържане за публикации в блога на началната страница по подразбиране? - css, wordpress, hover, блогове

Използвам тази тема за уебсайт:

кликнете тук, за да видите демо версията на WordPress

На началната страница тя показва публикации в блога БЕЗ заглавието / датата на публикацията в блога. Тя показва само тази информация, когато задържите мишката върху нея.

Как мога да премахна това състояние? Бих искал заглавието и датата на блога винаги да са видими.

Отговори:

Вие ще трябва да редактирате файла style.css. Ако погледнете в инструментите за разработчици на Chrome на демонстрацията, с която сте се свързали, и маркирайте един от квадратите, който има ефект на навъртане, можете да видите, че в ред 649 на файла style.css има правило за .post-overlay:hover което променя непрозрачността на 1.

Всичко, което трябва да направите, е зададено .post-overlay {opacity: 1; } в style.css (обърнете внимание на липсата на ": hover") и премахнете :hover се произнесе. Това ще означава, че непрозрачността е винаги 1 (100% непрозрачно), а не само когато курсорът се намира над елемента.

Има правило за css в style.css (ред # 654), което контролира, че избледнява в действителност:

has-post-thumbnail .post-overlay{
background: rgba(0,0,0,.75);
opacity: 0; }

Непрозрачността се променя на 1, когато се върти, а фонът дава затъмнения ефект. Променете тези css правила и ще получите ефекта, който търсите.

настройте така:

has-post-thumbnail .post-overlay{
opacity:1; }

Това ще се отърве от по-тъмния фон инаправете текста видим. Ще продължавате да разполагате със съответните анимации на текст в следните правила, за да ги настроите, както желаете. в линия 193)

Използвайте firebug в firefox, за да редактирате тези параметри на живо, преди да ги редактирате.