Как получить название продукта (Woo-Commerce) для отображения в белом тексте

Question

Я новичок в WordPress, HTML, и все, поэтому я учусь медленно, но верно.В настоящее время, работая над сайтом для моего бизнеса, на странице магазина есть 6 товаров, но ни одно из названий товаров не указано.Только сами картины.Цвет фона и текста заголовков - # 222222.Я пытаюсь изменить цвет текста заголовка, который h2.Название заголовка h2.woocommerce-loop-product_title, как видно из инспектора.

Ни один из кодов, которые я пробовал, не работал, так как бы мне правильно переформатировать цвет текста?

http://middlesexworms.com/index.php/shop/

---

Код, который я пробовал:

h1,
h2,
h3,
h4,
h5,
h6{
  font-family: 'Krub', sans-serif;
  margin:0;
  padding:10px 0;
  color: #FFFFFF;
  font-weight: bold;
}

Answer 1

Вы можете изменить цвет, перейдя к файлу style.css темы.Я надеюсь, что вы можете получить доступ к этому файлу через FTP-клиент.Войдите на свой сервер, используя FTP или cPanel, перейдите в корневой каталог настроек вашего веб-сайта, а затем /wp-content/themes/vw-gardening-landscaping/style.css.Перейдите на строку # 1272 и измените свойство цвета на # fff.

Если у вас нет доступа, войдите в wp-admin, перейдите в внешний вид> редактор.Там вы можете увидеть, как sytle.css меняет свойство в строке # 1272 на # fff

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

Вы можете поставить свою собственную зависимость настройки таблицы стилей в файл style.css и более, напишите правила как

h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
color: #fff !important; }

Дайте мне знать, если вы хотите получить дополнительную помощь.

Answer 2

Прежде чем я увидел ваши ответы, я сделал тонну поисковика.Кажется, есть много способов исправить это, но я использовал именно этот:

h1,
h2,
h3,
h4,
h5,
h6{
  font-family: 'Krub', sans-serif;
  margin:0;
  padding:10px 0;
  color: #FFFFFF;
  font-weight: bold;
}


h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
  color:#FFFFFF;
  letter-spacing:1px;
  margin-bottom:10px !important;
}

Answer 3

Вам нужно отредактировать этот класс:

h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
    color: #ffffff;
    letter-spacing: 1px;
    margin-bottom: 10px !important;
}

Старый класс:

h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
    color: #0000;
    letter-spacing: 1px;
    margin-bottom: 10px !important;
}

Поэтому я меняю цвет с #000000 на #fffffff