Скрытие #текста на домашней странице темы WordPress / div

#css #wordpress

Вопрос:

Мы запускаем сайт на WordPress и используем шаблон для нашего дизайна.

На нашей домашней странице у нас есть список наших сообщений в блоге, который включает заголовок, информацию об авторе / публикации, время чтения и «выдержку»?

Мы пытаемся избавиться от «выдержки»

blog-post-content-list-sider это div, а текст — это просто #text внутри.

Все, что я искал, похоже на что-то вроде .blog-post-content-list-sider { display: none; } , но это скрыло бы все, а не только один его аспект (если я правильно понимаю)

Это код для 1 blog-post-content-list-sider

Часть, начинающаяся с «Передовой», — это текст, который мне нужно удалить из каждого сообщения на нашей странице.

 <div class="blog-post-content-list-sider">              
<div class="textalignleft subtitle_post_standard">
<a href="https://www.aimblog.io/category/artificial-intelligence/" title="View all posts in Artificial Intelligence">Artificial Intelligence</a>amp;nbsp;<a href="https://www.aimblog.io/category/emerging-technology/" title="View all posts in Emerging Technology">Emerging Technology</a>amp;nbsp;<a href="https://www.aimblog.io/category/medicine/" title="View all posts in Medicine">Medicine</a></div>       <h3 class="title_post_standard">            <a href="https://www.aimblog.io/2020/08/30/ai-the-key-to-fertility-treatment/">AI: The Key to Fertility Treatment?</a>      </h3>
<div class="fancy_one ig_meta_post_classic textaligncenter">    
<span><div class="indie_author">By <b> <div class="vcard author">
<a href="https://www.aimblog.io/author/sohail-merchant/" title="Posts by Sohail Merchant" rel="author">Sohail Merchant</a></div> </b> 
</div><div class="indie_on">on </div><div class="updated indie_date">   <b> August 30, 2020</b>     </div>  </span></div>
<span class="rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time">4</span> <span class="rt-label rt-postfix">minutes</span></span>
 A Cutting-Edge Discussion about AI’s Eminent Role in Reproduction Intro Artificial intelligence has been widely useful in the diagnosis and treatment of diseases. However, little has been discovered about its capabilities in the realm of fertility treatment. Well, all that is about to change because we will soon experience the first application of AI in […]            
 </div>

1. Это #text div внутри .blog-post-content-list-sider ? (Или вы могли бы, знаете, поделиться некоторыми примерами кода, чтобы мы могли увидеть саму вещь: P)

2. Не могли бы вы просмотреть исходный код страницы и выделить раздел с выдержкой?

3. @cabrerahector да, @ ozgur У меня были скриншоты, которые я загрузил в imgur, но у меня недостаточно репутации, чтобы их опубликовать

4. @ozgur только что обновил основной пост с кодом. Извините, новичок в стеке

5. @Scott вы пробовали мой ответ ниже?

Ответ №1:

Редактировать:

Я протестировал этот код CSS, и он работает. Ссылка на Codepen здесь, пожалуйста, попробуйте

 .blog-post-content-list-sider{
  visibility:hidden;
}

.blog-post-content-list-sider>*{
  visibility:visible;
}

1. Я вставил это в function.php из активной папки темы правильно?

2. Я поместил его туда, и ничего не изменилось. Спасибо за предложение. Есть мысли о том, что я должен попробовать дальше? Может быть, плагины?

3. Я предложил решение только для css. Пожалуйста, попробуйте отредактированное новое решение.

4. Это удалило ВЕСЬ текст, Т.Е. Заголовок, автора, кликабельные теги и т. Д., Но мы на правильном пути

5. Пожалуйста, нажмите на ссылку codepen. Он скрывает только текст выдержки